我使用FlowPlayer 5.3.2的许可版本播放mp4格式的编码视频。在几乎所有的浏览器中,它都可以在没有任何打嗝的情况下播放,但它在Windows 7的最新版本的Chrome 28.0.1500.95m(迄今为止13-08-2013)中无法播放。我正在按钮上将播放器加载到页面上单击使用AJAX。这仅适用于Chrome for Windows。我在点击按钮时触发以下功能并弹出灯箱并使用其中的AJAX加载播放器。
function playVideo() {
var url1 = 'http://example.com/dashboard/play_video';
var url = 'http://s3.amazonaws.com/xxxxxxxxx/xxxxxx.mp4?413142680';
$.ajax({
url: url1,
type: 'post',
data: 'url=' + url,
success: function(data) {
var toolbox1 = $("#how_to_make_video").html();
$("#video_preview2").html(data + toolbox1);
$("#video_preview2").dialog({
width: 700,
height: 500,
close: function(event, ui) {
$(".flowplayer").stop();
}
});
if (url.indexOf("s3.amazonaws.com") !== -1) {
$(".flowplayer").flowplayer({splash: true,
rtmp: "rtmp://" + userStream + "/cfx/st",
swf: "/site/js/flowplayer/flowplayer.swf"
});
} else {
$(".flowplayer").flowplayer({splash: true,
swf: "/site/js/flowplayer/flowplayer.swf"
});
}
}
});
}
这与用于在所有其他浏览器中播放的功能相同。但是当使用此播放视频时,播放器首先显示错误“html5:视频未正确编码”,然后自动将其更改为“html5:未找到视频文件”。当上述代码中的视频网址“url”粘贴在Chrome的地址栏中时,它也不会播放。但它在其他平台上的其他浏览器中播放。
最新版本的Chrome或视频是否有问题?
答案 0 :(得分:2)
我会看看你的MP4视频是如何被编码的,因为几种格式的视频和音频可以包装在.mp4
容器中。
Mozilla在Media formats supported by HTML上有一篇好文章说明了
Internet Explorer,Safari和Chrome本身支持带有H.264视频编解码器和AAC音频编解码器或MP3音频编解码器的MP4容器格式,但Chromium和Opera不支持该格式。
此SO answer州:
Chrome可以播放带有H-264视频的.mp4,但不能播放MPEG-4可视视频。
如果您想覆盖所有浏览器,您确实需要两种格式,MP4
和WebM