Flowplayer中的MP4视频无法在Windows 7 Chrome中播放

时间:2013-08-13 10:48:26

标签: javascript html5 html5-video flowplayer

我使用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或视频是否有问题?

1 个答案:

答案 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可视视频。

如果您想覆盖所有浏览器,您确实需要两种格式,MP4WebM

相关问题