Question

firefox有问题。那里有很多问题，但我没有得到任何解决方案。在这个链接视频标签的视频不在mozilla和crome工作它的工作正常。 type ='video / ogg'已添加但尚无运气。

Answer 1

您可以使用jQuery检查浏览器并仅加载最佳格式...

我认为webm更适合Firefox或Chrome ..除此之外，你可以使用mp4。

就像这样：

您的HTML：

<video id="frog" loop autoplay ></video>

你的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){
         // for firefox or chrome, webm is 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");
       }
    });

示例here。

修改：（2014年9月）

似乎Firefox不再支持html5视频上的webm格式。

最佳解决方案似乎：

HTML：

<video controls>
    <source src="oggVideoPath.ogv" type="video/ogg">
    <source src="mp4VideoPath.mp4" type="video/mp4">
    Your browser doesn't support <code>video</code>.
</video>

将mp4正确编码为Ogg Theora的最佳解决方案是：

http://v2v.cc/~j/ffmpeg2theora/

非常容易使用，安装它，只需编写此命令行： ffmpeg2theora mp4VideoPath.mp4

Answer 2

当我尝试打开页面时，它使用的是mp4版本，因此我无法确定这一点。但可能是您的网络服务器没有为ogg媒体流返回正确的Content-Type - 标题。

必须返回media/ogg才能在所有浏览器和平台上正常运行。

ogv文件的HTML5 <video>标记在Mozilla中不起作用。还有更好的解决方案吗？</video>

2 个答案: