HTML5 Video Player Manual

The Basics: Basic HTML5 Video Player with a Predefined Design

In this tutorial we will show you how to insert HTML5 Video Player on your page using one of the predefined designs

*You can also check out the video.

How to do it

1. First, we've created a simple page and now we're going to insert the HTML5 Video Player from the HTML5 Video Player menu.

2. For our HTML5 Video Player we'll use the Maccao skin, which is one of the predefined designs in the extension.
   
   

3. We'll import a single video for this tutorial, but you can always import a whole folder.
   
   

For each video you can add a title.

4. You need 3 versions of your video in order to play it in every browser, even on ancient ones. After encoding it, browse the file and place in the field.

• MPEG 4 format - We used HandBreak video converter with Universal preset and Web optimized option checked.
  
  

5. When you're done, click the OK button.

6. Later on, you can change your settings quickly from the property inspector. Now, you can preview your video in a browser.