How to embed VLC Media Player in Web pages

Updated July 20, 2017

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.

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.

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

Play Pause Stop Fullscreen

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.

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

Things You'll Need

  • Web page editing software (such as Dreamweaver or Notepad)
Cite this Article A tool to create a citation to reference this article Cite this Article

About the Author

Craig Witt has written professionally since 2005 in the public and private sectors as a journalist, marketing copywriter and public relations professional. He most often writes consumer software and hardware how-to articles for eHow. Witt has a Bachelor of Arts in communications from the University of Washington.