HTML5 <video> tag for ogv file not work in Mozilla . Any better solution? -
there problem firefox. lot of questions there related didnt solution it. in link video tag's video not working in mozilla , in crome working fine. type='video/ogg' added no luck yet.
you use jquery check browser , load best format only...
i consider webm better firefox or chrome.. else, can use mp4.
just :
your html :
<video id="frog" loop autoplay ></video>
your js :
$(window).load(function(){ var is_firefox = navigator.useragent.tolowercase().indexof('firefox') > -1; var is_chrome = navigator.useragent.tolowercase().indexof('chrome') > -1; if(is_firefox || is_chrome){ // firefox or chrome, webm better $("#frog").attr("src","http://www.ellevation.com.au/sanli/wp-content/uploads/2014/04/testvid_vp8.webm"); }else{ $("#frog").attr("src","http://www.ellevation.com.au/sanli/wp-content/uploads/2014/04/testvid_x264.mp4"); } });
an example here.
edit : (september 2014)
it seems firefox no longer supports webm format on html5 video.
best solution seems :
html :
<video controls> <source src="oggvideopath.ogv" type="video/ogg"> <source src="mp4videopath.mp4" type="video/mp4"> browser doesn't support <code>video</code>. </video>
and best solution correctly encode mp4 ogg theora :
http://v2v.cc/~j/ffmpeg2theora/
very easy use, install , write command line : ffmpeg2theora mp4videopath.mp4
Comments
Post a Comment