If you find the HTML5 player controls work normally on all browsers but IE 9, such as the full screen display does not open or the play/pause control not work. Try to add this code into the head section of your web page: <meta http-equiv=’X-UA-Compatible’ content=’IE=9′ />

This code tells Internet Explorer to display a webpage in IE9 mode. It must be placed in the page’s head section, before all other elements, except for the title element and other meta elements. For the HTML5 embed code/JavaScript, you can put all of them in the body section. However this http-equiv attribute only works when you put it in the head section.

Another useful tip when manipulating the HTML5 video player is that you can customize the video player style to suit your web page. HTML5 Video Player is a template based video player. Any template you choose will have a css style file generated in the output folder, you can customize it with a website editor, such as Adobe Dreamweaver, Frontpage, Expression Web.

You can disable this message and let the HTML5 video play on your IE browser by changing your IE options.

Go to Internet Options >>Advanced tab, scroll down to the security section there should be an option “Allow active content to run in files on My Computer”. Please enable this option and make sure to restart your browser. This should allow your HTML5 videos to run on your IE browser. See screenshot as bellow:

Why does IE block the HTML5 video?

It is because HTML 5 Video Player makes use of JavaScript to control and display the HTML5 video galleries and IE browser imposes higher security settings for the local content and intranet files.

It has nothing to do with what your visitors will see on your site when you publish. IE will not prevent your HTML5 video from displaying on your website. Your website visitors will not be annoyed with the IE active content warning and your will not be bothered with it if you use a non-IE browsers to play the local HTML5 video galleries.

Read more: HTML5 video FAQs and Troubleshooting

How to Loop HTML5 video?

Run HTML 5 video player software, go to the Theme tab, you will find the Loop option at the lower part of the software interface. See the screenshot as bellow:

HTML5 video loop made easy

It is very easy to loop your HTML5 video now. How to make your HTML5 video loop with HTML5 video player?

Step 1. Add your Videos to the HTML 5 Video Player

You can simply drag and drop your source videos to the HTML 5 video player and converter. Or you can go to the Edit menu >> Add Videos to browse through your video library on your computer and select to add them to the HTML5 video tool.

Step 2. Choose Player Template for your online video player

Go to the Theme tab from the main interface of the html5 video application. Here you have the chance to specify the video gallery template, customize player and/or video size/style, etc.

Step 3. Loop your HTML5 Video

Make sure to tick the Loop option if you want to make your html5 videos loop. Otherwise your videos will only play once, then stop, it will not repeat/replay automatically until your website visitors click the play control.

Step 4. Create Looping HTML5 Video Player

Once you are ready with tuning the video player, click the Publish button to generate your HTML 5 video gallery. It will be saved in the Output Folder of the video tool on your hard disk. Go to the HTML5 menu, then choose Open Output Folder from the drop-down menu list.

HTML5 video player make use of jQuery to create looping html5 video galleries. In a few clicks you have created stylish video gallery webpage with html5 videos loop continuously until your website visitors click the stop control. Now you are ready to publish your HTML5 video gallery to your website.

Here we list some HTML5 video templates come with the HTML 5 Video Player.

All you need to do is, add your video to the html5 player, choose your favorite HTML5 video template, the video player will convert your movies into HTML 5 formats and put them into a beautiful HTML5 video template with thumbnail, title, etc. Then you will have a nice video playlist with cool HTML5 video player to play the videos on computers, mobiles, smartphones, iOS devices, Android devices, etc.

HTML5 video templates & features

• Easy to install and customize HTML5 video templates
• Nice looking HTML5 video templates
• HTML5 templates for video that are compatible with iOS devices, iPhone/iPad/iPod touch
• HTML5 templates for video playable on mobile phones, Android devices, etc.
• Batch convert to HTML 5 video formats, WebM, Ogg and MP4
• HTML5 based
• JavaScript and CSS behind
• Works in all browsers, IE, Firefox, Chrome, Safari, etc.
• Do not required Flash or any other ActiveX controls to render videos
• Flash fallback to ensure backwards compatibility
• HTML5 video template with stylish playlist
• Interactive html5 video template

Interactive Video Overlay – HTML5 Video template

Bottom Numberic Navigator – HTML5 Video template with playlist

Bottom Numberic Navigator – Windows Media Player – HTML5 Video template

Bottom Thumbnail – HTML5 Video template with playlist

Bottom Thumbnail – Windows Media Player – HTML5 Video templatewith thumbnails

Pagination Bullets – HTML5 templates for video

Pagination Bullets – Ted – HTML5 Video gallery

Pagination Bullets – Windows Media Player – HTML5 Video template

Top Thumbnail Navigator – HTML5 Video template

Top Thumbnail Navigator – Ted – HTML5 Video template

Top Thumbnail Navigator – Windows Media Player – HTML5 Video template

HTML Video Codes

Different HTML coding methods can help you embed multimedia elements in HTML pages. The most frequently used HTML tag to render videos online are the < embed > and < object > tags.

Use the < embed > Tag in HTML Video Player

< embed src="demo.swf" height="200" width="200"/ >

Using < object > Tag in HTML Video Player

< object data="demo.swf" height="200" width="200"/ >

Both the above embed and object tags require a Flash plugin installed on your web browsers, otherwise the flash video will not work. Other video formats other than Flash might not work either. What’s worse, you may need to use many other parameters in the old < embed > and < object > tags in order to display your video properly on different browsers and platforms as well. HTML5 has made the online video easier with the native browser support to ogg, mp4, or webm format.

Using the new <video> Tag in HTML Video Player

HTML5 video tag can displays a video in ogg, mp4, or webm format embedded in a web page without any browser plugin.
You can refer to the sample HTML 5 video code here.

However there are still some problems of the HTML 5 video solution. For example, old web browsers do not support some HTML5 tags and attributes. The HTML 5 video tag is one of them. Thus if you use only the video tag to embed your videos on HTML pages, you will lose audience on old web browsers, such as IE 8 and earlier versions.

The Best HTML Video Player & Solution

You can actually use a more comprehensive method to embed html video, the HTML5 video solution with fallback functionality to Flash or other video containers, making use of the html5 video tag and the traditional embed and object tags.

Multiple video sources are accepted in HTML5 video tags, web browsers will pick the first compatible one to play from the list. Any one a browser doesn’t recognize it will simply ignore it.

Check this article for more on this topic: maximize HTML5 video compatibility with HTML 5, object and embed.

HTML Video Players and Tools

Flash Video Player

You can also use some HTML video players to help you convert and/or embed html videos. Flash video player is a classic web video solution. Some notable flash video players are Web Video Player and Any FLV Player.

HTML 5 Video Player

HTML5 is the new web standard. Flash is the most popular online video format, however HTML5 is going to take over in the near future. Webmasters should start using HTML5 for the online videos. See 8 Reasons You Should Start Using HTML5

As we have mentioned above HTML 5 introduces the new < video > tag to render videos on HTML pages, no browser plug-in(s) for online videos needed any more. Furthermore, unlike the Flash videos, HTML5 videos are playable on mobile devices such as iPad/iPhone, Android phones, Nokia, HTC and many more.

If you are looking for a HTML video player that is compatible with mobile handsets, you can use the HTML 5 video player.

WordPress HTML5 video plugin or not?

HTML5 video is cool, it helps you get rid of a browser plugin. You can play online videos now without browser plugin such as Flash Player. Do I have to get a WordPress HTML5 video plugin downloaded and installed? No, it is not necessary either.

Converting HTML5 videos

What kind of videos are native HTML5 videos that can be added to HTML5 site with the new < video > tag and playable on HTML5 browsers? They are mp4, ogv and webm. Unfortunately there is not such a video format that is support by all HTML5 browsers. So you will have to get different HTML5 formats and versions for the same video. It is embarrassing, we know that. But HTML5 is still evolving. We can expect this to change in the future.

Ok, now I get the video and want to post it on my WordPress website/blog. How to convert it to HTML5 video formats? Do I have to convert the same video to three different HTML5 video types three times?

Here we suggest HTML 5 Video Player. It can convert your videos into different HTML5 formats simultaneously. If you have multiple video clips, you can add them all to the WordPress video player. This video player for WordPress can output HTML5 videos at the same time. Sounds good? That’s not all. How about a WordPress video gallery? Can I get any video player for my WordPress as well? That’s true. You will have the chance to choose html5 video gallery templates for your online video. The HTML 5 Video Player is so powerful and easy to use, you click start, the WordPress video player does the rest.

HTML5 video MIME type for WordPress

We have an earlier post about this topic, if you want to review, go to the top of this article. Otherwise please proceed as following.

Upload HTML5 Videos to WordPress

It is an easy job. Log on WordPress dashboard, go into the Media->Library and upload your HTML 5 videos to your WordPress media library. After that, you will get the URLs of them. Copy and save these URLs to your HTML 5 videos, we will need to use it at the next step.

Add HTML 5 Videos to WordPress

It has been a pain for many webmasters to place their video content through the old <embed> and <object> tags and a lot of parameters. Now HTML5 video and audio tags regarded them as images: <video src=””/>. You can also define other video display parameters such as width or height or automatic playback easily, for example, < video SRC = “width =” 640 “url px height =” 380 “px” autoplay />.

Firstly please make sure to switch to the HTML code mode for your WordPress post/page editing. Then you can copy the HTML 5 video embed code from this article if you do not want to type manually (How to Embed HTML 5 Video into Websites Manually? ).

However there are a few things there you’ll need to manually edit. Obviously the URLs need to point to your video files, remember we have saved them at previous step? Go get them now. The second thing is the width and height for WordPress HTML5 video display. Change them to suit your video size.

Important tip: Do not switch to WordPress visual mode, it may muck up the html 5 video code. If you like to see how the HTML 5 videos look like on a WordPress post or page, click the preview and then publish it.

Embedding HTML5 video Gallery into WordPress

Now you get the WordPress video player online. How about the WordPress video gallery for professionally display of my online videos? We have mentioned it above and I have it with the HTML 5 Video Player, how to embed the WordPress video gallery? Check out this guide: To embed HTML5 video gallery into your website.

Here we list some HTML5 video gallery templates come with the HTML5 Video Player V1.0.0 for both Windows and Mac users.

All you need to do is, add your video to the video player, choose your favorite HTML video gallery, the video player will convert your movie clips into HTML 5 formats and put them into beautiful HTML5 video gallery with thumbnail, title, etc. Then you will have a nice video playlist with cool HTML5 video player to play the videos on computers, mobiles, smartphones, iOS devices, Android devices, etc.

HTML5 video gallery features

• Easy to install and customize HTML5 video player
• Nice looking HTML5 video player
• Compatible with iOS devices, iPhone/iPad/iPod touch
• Compatible with mobile sets, Android devices, etc.
• Batch convert to HTML 5 video formats, WebM, Ogg and MP4
• HTML5 based
• JavaScript and CSS behind
• Works in all browsers, IE, Firefox, Chrome, Safari, etc.
• Do not required Flash or any other ActiveX controls to render videos
• Flash fallback to ensure backwards compatibility
• HTML5 video gallery with playlist
• Interactive html5 video gallery

Interactive Video Overlay – HTML5 Video gallery template

Bottom Numberic Navigator – HTML5 Video gallery template with playlist

Bottom Numberic Navigator – Windows Media Player – HTML5 Video gallery

Bottom Thumbnail – HTML5 Video gallery with playlist

Bottom Thumbnail – Windows Media Player – HTML5 Video gallery with thumbnails

Pagination Bullets – HTML5 Video gallery

Pagination Bullets – Ted – HTML5 Video gallery

Pagination Bullets – Windows Media Player – HTML5 Video gallery

Top Thumbnail Navigator – HTML5 Video gallery

Top Thumbnail Navigator – Ted – HTML5 Video gallery

Top Thumbnail Navigator – Windows Media Player – HTML5 Video gallery

HTML5 Video Gallery Templates Homepage

Html5 Video Player is an easy video program that helps you create HTML5 video for your Joomla website in a few clicks.

Joomla HTML5 video made easy — 3 Easy Steps:

1. Drag and Drop Video Files
2. Tune video player for Joomla
3. Click ‘Publish’ to generate Joomla HTML5 video player

HTML5 Video Overview

HTML5 is the fastest way to show your video online. Unlike the Flash videos that require a third party browser plug-in in order to play videos on the web. The HTML5 introduces the < video > tag to render web videos easier than ever before. Plus you will gain extra audience from other mobile handsets users, such as iPad, iPhone, Android, Blackberry, etc. All new browsers declare the support for HTML5 video too.

How to create HTML5 video for Joomla – The Usual Route?

First you need to find some converters and make three versions of your video – .OGG, MP4, WebM. Then, concerning you might have website visitors who are still using old web browsers, add a fallback to Flash version of your video, you need to build a Flash video player too in such case. At last, go to extract an image for poster and write batch lines of HTML5 code to combine all of the above. The coding might be a bit complicate, what’s worse the encoding of source videos to 4 different copies in different codec/formats could be a pain for most of us.

How to create HTML5 video for Joomla with HTML 5 video player?

Step 1. Add your Videos to the HTML 5 video Player

You can simply drag and drop your source videos to the HTML5 video player and converter for Joomla. Or you can go to the Edit menu >> Add Videos to browse through your video albums on your computer and select to add them to the Joomla HTML5 video software.

Step 2. Choose Theme Template for your Joomla HTML5 Video Player

At this steps you can specify the video gallery template, customize player and/or video size/style, etc.

Step 3. Create Joomla HTML5 Video Player

Once you are ready with tuning the video player, click the Publish button to generate your Joomla HTML 5 video player. It will be saved in the Output Folder of the video tool on your hard disk. Go to the HTML5 menu, then choose Open Output Folder from the drop-down menu list.

Now you are ready to publish your HTML5 video to your Joomla website.

Converting HTML5 videos

What kind of videos are native HTML5 videos that can be added to HTML5 site with the new < video > tag and playable on HTML5 browsers? They are mp4, ogv and webm. Unfortunately there is not such a video format that is support by all HTML5 browsers. So you will have to get different HTML5 formats and versions for the same video. It is embarrassing, we know that. But HTML5 is still evolving. We can expect this to change in the future.

Ok, now I get the video and want to post it on my Site Spinner website/page. How to convert it to HTML5 video formats? Do I have to convert the same video to three different HTML5 video types three times?

Here we suggest HTML 5 Video Player. It can convert your videos into different HTML5 formats simultaneously. If you have multiple video clips, you can add them all to the WordPress video player. This video player for Site Spinner can output HTML5 videos at the same time. Sounds good? That’s not all. How about a Site Spinner video gallery? Can I get any video player for my Site Spinner as well? That’s true. You will have the chance to choose html5 video gallery templates for your online video. The HTML 5 Video Player is so powerful and easy to use, you click the start, the video player for Site Spinner does the rest.

Upload HTML5 Videos to Site Spinner Directory

Site Spinner saves the generated HTML files and other website pages and files on your computer hard disk. Go to copy over the generated HTML 5 video files from the output folder of the HTML 5 Video Player to the website directory of Site Spinner.

Add HTML 5 Videos to Site Spinner

It has been a pain for many webmasters to place their video content through the old <embed> and <object> tags and a lot of parameters. Now HTML5 video and audio tags regarded them as images: <video src=””/>. You can also define other video display parameters such as width or height or automatic playback easily, for example, < video SRC = “width =” 640 “url px height =” 380 “px” autoplay />. With HTML5 Video Player, all the embed code will be generated automatically, you can follow bellow steps to embed html5 video gallery into Site Spinner.

Embedding HTML5 video Gallery into Site Spinner

Now you get the Site Spinner video player online and you get the default video player. The default HTML 5 video player is not bad, but it is identical around the web. How about the customizable Site Spinner video gallery for professionally display of my online videos? We have mentioned it above and we have saved it in the output folder of the HTML 5 Video Player, also we copy it over to the Site Spinner website directory. How to embed the personalized Site Spinner video gallery?

Step 1. Get the HTML 5 video Embed Code snippet

The HTML 5 Video Player will generate a HTML file, named html5video.html, in the output folder, you can get two embed code snippets from the HTML source.

Please note from the output folder of HTML5 Video Player, there will be a html5video.html file under each project. You can use a text editor, or use a page editor such as Dreamweaver, Frontpage to open this html file and switch to code view, you can then find the embed code snippets. See more from this guide: How to embed HTML5 video to your webpage?

Run Site Spinner, open the page you like to add the videos to, click the Enter Code Text button from the left tools panel of Site Spinner. Then you can copy the HTML 5 video embed code from the generated html5video.html file.

Step 2. Paste the HTML 5 video Embed Code into Site Spinner

From Site Spinner, add the embed code into the page body through the Enter Code Text tool from the left panel of the website builder. See the first image above.

Click the Edit Page Properties button from the left tools panel of Site Spinner, and paste the other embed code snippet into the header of your web page. See screenshots as bellow:

After that, save you page and go to generate your Site Spinner site again. You are done!

Now you know how to add HTML5 Video to Site Spinner that works almost everywhere, the html 5 video for mobile web browser, the HTML 5 video for the tablet browser….

Need more help in adding the HTML 5 video player, check out this guide: To embed HTML5 video gallery into your website.

This photo slideshow banner maker is a desktop application to help you create dynamic transition picture slideshow locally. You can save your photos and slideshows on your local machine or upload to your websites through FTP. No need to upload them to an online image sharing websites like flickr, photobucket or Picasa any more.

jQuery banner slider is a great tool to demonstrate your photos and products online. If you want to build an attractive website banner with your product pictures, it is a good help. Prepare several images, add them to the Web Album Maker, select a theme you like, and you will create a jQuery banner slideshow in no time. No Geek required, no HTML, Flash, JavaScript or CSS skills required.

Do you want to make a photo slideshow banner for your website that are playable anywereh on the web? A jQuery slideshow is your best choice. It is compatible with almost all browsers and devices such as IE8, IE9, Firefox, Safari, Chrome, iPad, iPhone, Android, etc. No need to worry about the incompatibility with mobile devices such as iPad, iPhone, Android any more!

Check out more on: Web Album Maker Homepage