HTML5 Video Player Manual

Advanced: YouTube and Vid.ly as Video Sources for HTML5 Video Player 

In this tutorial we will show you how to use YouTube and Vid.ly as video sources for the HTML5 Video Player.

*You can also check out the video.

How to do it

1. Open the HTML5 Video Player UI and customize your player. You can set the size, volume, design, poster and many more options.

2. Click on the Add new button in order to add a video from YouTube.

3. Go to your browser and copy the video link from the address bar.

4. Paste the YouTube link in the File name field and click OK.  

5. Here is the video (1) we've just added and now we're going to add a video from Vid.ly (2).

• Vid.ly - is still in beta test but it allows you to point your video and get an unique link that supports any browser, device and console:

• - Vid.ly transcodes and stores the video into over a dozen video formats and sizes

• - You receive a short url to the video

• - Once a user visits the URL it automatically detects the device or browser type and delivers the correctly formatted video from a high quality CDN network.

6. Once Vid.ly encodes your video in all possible formats for browsers, devices and consoles, copy the unique link.

7. Paste the URL in the File name field.

8. Note that for the YouTube video and the other one, we've converted in Vid.ly we need only one link for each.

9. When you're done, click the OK button and preview the videos in your browser.