How to Embed a VLC Player
The VLC player is an open source media player that can play most types of audio or video files. You can embed a VLC player on your Web page so visitors can stream audio or video clips right on your site. Embedding the VLC player on your Web page is much like embedding any other media player, requiring you to input a few lines of code into the page.
Other People Are Reading
Instructions
-
-
1
Upload to your server the audio or video file you wish to embed in your Web page. Take note of the exact name path of the file.
-
2
Open the Web page you want to embed the VLC player on using a HTML editor. You can use Notepad if you do not have an HTML editor.
-
-
3
Scroll through the HTML code until you locate the spot on the Web page where you want to embed the player.
-
4
Input the following code:
<embed type="application/x-vlc-plugin" name="VLC" autoplay="yes" loop="yes" volume="100" width="640" height="480" target="audioorvideo.avi">
<a href="javascript:;" onclick='document.video1.play()'>Play</a>
<a href="javascript:;" onclick='document.video1.pause()'>Pause</a>
<a href="javascript:;" onclick='document.video1.stop()'>Stop</a>
<a href="javascript:;" onclick='document.video1.fullscreen()'>Fullscreen</a>
-
5
Change the "autoplay" value to "no" if you do not want the player to automatically start playing your audio or video clip when a visitor loads your website in his browser.
-
6
Change the "loop" value to "no" if you do not want the clip to play continuously after it plays the first time.
-
7
Change the "target" value to the exact file name and file path where you uploaded the audio or video clip. You need to provide the URL if you upload the video or music file to a different folder than that of Web page where you are embedding the clip.
-
8
Adjust the "width" and "height" values to suit your preferences.
-
9
Raise the "volume" value if you want the clip to play louder than normal. Lower the value if you want the clip to play softer.
-
10
Save the changes to your Web page and upload it to your server.
-
1
References
- Photo Credit Ciaran Griffin/Lifesize/Getty Images
