Joomla HTML5 Video
Convert any video to HTML5 for your Joomla!
Html5 Video Player is an easy video program that helps you create HTML5 video for your Joomla website in a few clicks. If not yet, you can download HTML5 player free version here.
Joomla HTML5 Video made easy — 3 Easy Steps:
- Drag and Drop Video Files
- Tune video player for Joomla
- 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 a HTML5 video converter 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 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.
Why to Build Mobile Friendly Website Mobile Web Design Tips
Comments are currently closed.
Hi Team, I have downloaded the trial version and I like the look and feel. Now sorry for my complete lack of following directions – once I have generated the files and the code from the menu (that was straight forward), how do I copy all the subfolders to my Joomla administration site and where exactly should the folders be housed. Do you have a step by step instruction on how to do this eg, go to Extensions – module etc etc. Sorry real novice at this but have to start somewhere.
Gerald
Hi Gerald,
You can use just the generated videos and/or the player skins.
1. To use only the videos, check out this page:
http://html5videoplayer.net/html5video/embed-html5-video-into-web-pages/
You can just upload the output three video clips(webm,mp4 and ogv) to
your hosting server, you can put them to anywhere you like as long as
you use the absolute URLs to them.
2. To embed the output video player to Joomla
Upload all the video player files including videos, css style files, javascript files, etc that you can find from the output folder. You may have to fix bellow issues:
#1. Turn off the WYSIWYG editor such as the default TinyMCE which will cleanup some code, such as javascript. Or install a more powerful joomla content editor such as the JoomlaCK. You can download it from its official site:
#2. the generated video player has its own CSS style, it might not be compatible with your joomla page style. It is easy to customize the player css file, normally you can just comment out the background color parameters and set the position of the video wrapper, then you are ready to go.
#3. Sometimes you may have trouble loading the html5 video when you upload them to different sub-directories with your Joomla article, in such case, you need to change the file path to the video files in the js file.
You can just the html5 videos, not the generated player skins.
Check out this page:
http://html5videoplayer.net/html5video/embed-html5-video-into-web-pages/
You can just upload the output three video clips(webm,mp4 and ogv) to your hosting server, you can put them to anywhere you like as long as you can figure out the absolute URLs to them.
If you like to upload and use all the subfolders, you may have to fix bellow issues:
1. almost all WYSIWYG editors will cleanup some code, such as javascript, the generated code contains some Javascript code.
2. the generated video player has its own CSS style, it might not be compatible with your own style.
[…] You can create HTML5 video for your Joomla website in a few clicks with Socusoft HTML5 Video Player. See the details here: Making Joomla HTML5 Video Player […]