Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript flowplayer:chrome赢得';如果首先指定了webm,则不加载mp4_Javascript_Google Chrome_Mp4_Flowplayer_Webm - Fatal编程技术网

Javascript flowplayer:chrome赢得';如果首先指定了webm,则不加载mp4

Javascript flowplayer:chrome赢得';如果首先指定了webm,则不加载mp4,javascript,google-chrome,mp4,flowplayer,webm,Javascript,Google Chrome,Mp4,Flowplayer,Webm,flowplayer html5 5.4.6 乔姆35+ 在flowplayer html5中,在chrome上我一直得到html5:视频编码不受支持或html5:视频未找到 我通过javascript加载flowplayer,并有如下定义的播放列表: $(function () { $('#fp').flowplayer({ playlist:[ [ { webm: "/usermedia/update_sets/140704/videos/02

flowplayer html5 5.4.6
乔姆35+

在flowplayer html5中,在chrome上我一直得到html5:视频编码不受支持或html5:视频未找到

我通过javascript加载flowplayer,并有如下定义的播放列表:

$(function () {
    $('#fp').flowplayer({
        playlist:[ [
            { webm: "/usermedia/update_sets/140704/videos/02-480p.webm"},
            { mp4: "/usermedia/update_sets/140704/videos/02-480p.mp4"} ] ],                     
        splash: true
    });
});
我检查了mp4的视频格式,一切正常。我甚至可以将mp4拖放到chrome中,它可以播放np

在chrome开发工具中,我打开了网络选项卡,可以看到它试图打开webm文件,获取部分内容,然后取消获取。 它从不尝试加载mp4文件

所以我试着颠倒顺序,让mp4成为播放列表中的第一个。 瞧。视频播放没问题。 我也在firefox中测试过,它可以正常工作

问题是,如果在播放列表中首先指定了webm源,为什么chrome上的flowplayer html5会失败?

='(

看一看

我希望这对你有帮助

浏览器会检查哪些是有效的,但它会从上到下查看,所以如果第一个对他有效,他会使用它,所以更改顺序,它就可以工作了

给你举个例子

<div class="flowplayer">
<video>
  <source type="video/webm" src="http://example.com/intro.webm">
  <source type="video/mp4" src="http://example.com/intro.mp4">
  <source type="video/ogg" src="http://example.com/intro.ogv">
  </video>
</div>

现在webm将首先进行, 如果将其更改为:

<div class="flowplayer">
<video>
  <source type="video/mp4" src="http://example.com/intro.mp4">
  <source type="video/webm" src="http://example/intro.webm">
  <source type="video/ogg" src="http://example.com/intro.ogv">
</video>
</div>


.mp4先走。

thx。但即使是文档也说webm应该出现在chrome上的mp4之前。从“提货单”下的ur链接:由于某些chrome版本中存在缺陷,您也应该在mp4之前列出webm。您是否在localhost中测试?因为chrome在使用localhost时会出现问题!