How to Embed VLC Media Player in Web Pages

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.
Image Credit: Hemera Technologies/ Images

The VLC media player allows web designers to quickly and easily add video or audio files to their sites. With more than 100 million copies of the player installed since release, the program is an attractive open source alternative to more popular closed source competitors such as Adobe Flash, Apple QuickTime or Windows Media Player. It is also a flexible choice that supports many popular video and audio formats. Embedding the player in a web page requires only a few lines of HTML code.


Step 1

Determine where on your page the player will appear. Open your web page in a text editing program (such as Notepad or Wordpad) or in a web-editing program. Scroll down until you locate the section of the page where the player should appear. If you use a web page editor, highlight a piece of text or an object in this section, then switch from Design view to Code view.


Video of the Day

Step 2

Copy and paste the following code into the HTML of your page:

Play Pause Stop Fullscreen

Step 3

Update the embed parameters. The embedding code allows you to change many of its defaults to suit your needs. If you do not want your audio or video to play when the page loads, change the autoplay value to "no." If you want your media to repeat after playing, change the loop value to "yes." You may change the volume value to any number between 0 and 100. Ensure that all of your video content appears on screen by modifying the width and height values to match the pixel dimensions of your media. If you are embedding an audio file, set both values to 0. Finally, change the target value to reflect the actual location, file name and file type of your media.


Step 4

View the updated page. Save your web page after updating all of the parameters. Load the updated page in your browser.




Report an Issue

screenshot of the current page

Screenshot loading...