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

Question

我已使用 FlowPlayer 5.3.2 的许可版本播放 mp4 格式的编码视频。在几乎所有浏览器中，它都可以正常播放，但不能在 Windows 7 上的最新版 Chrome 28.0.1500.95m（截至 2013 年 13 月 8 日）中播放。我正在通过按钮将播放器加载到页面单击使用 AJAX。这只发生在 Windows 版 Chrome 中。我在单击按钮时触发以下功能并弹出灯箱并在其中使用 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“url”粘贴到 Chrome 的地址栏中时，它也不会播放。但它在其他平台上的其他浏览器中播放。

最新版本的 Chrome 或视频有问题吗？

Answer 1

我会看看您的 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 Visual 视频。

如果你想覆盖所有浏览器，你真的需要两种格式，MP4 和 WebM