Hi All,
I was trying to added http5 video to my template
then I convert .avi video format to http5 using EasyHtml5Video Converter-Free version when I get these files
including index file with code:
<div id="easyhtml5video" style="position:relative;width:720px;height:400px;">
<video controls="controls" autoplay="autoplay" poster="index.files/html5video/File name.jpg" width="720" height="400" onclick="if(/Android/.test(navigator.userAgent))this.play();">
<source src="index.files/html5video/File Name.mp4" type="video/mp4" />
<source src="index.files/html5video/File Name.webm" type="video/webm" />
<source src="index.files/html5video/File name.ogv" type="video/ogg" />
<object type="application/x-shockwave-flash" data="index.files/html5video/flashfox.swf" width="720" height="400" style="position:relative;">
<param name="movie" value="index.files/html5video/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="flashVars" value="autoplay=true&controls=true&fullScreenEnabled=true&loop=false&poster=index.files/html5video/File name.jpg&src=File name.mp4" />
<embed src="index.files/html5video/flashfox.swf" width="720" height="400" style="position:relative;" flashVars="autoplay=true&controls=true&fullScreenEnabled=true&loop=false&poster=index.files/html5video/File name.jpg&src=File name.mp4" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />
<img alt="File name" src="index.files/html5video/File name.jpg" style="position:absolute;left:0;" width="720" height="400" title="Video playback is not supported by your browser" />
</object>
</video>
When I add the index code to my template changing the path of the file all I can see on my web is the http5 player and the image of the video but it won’t play or showing error “no video with supported format and mime type “
if anyone can help me with ideas to change the code if is possible I will be more than happy
Thanks