Javascript flowplayer:chrome赢得';如果首先指定了webm,则不加载mp4
flowplayer html5 5.4.6Javascript 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
乔姆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时会出现问题!