3

我尝试将 videoJs 添加到我的网站以播放 MP4 文件，在 Chrome 中一切正常，但是当我转到 Firefox（不支持 MP4 文件）时，Flash 播放器停留在黑屏上，按钮什么也不做。

简单的问题：为什么？我不明白，像 vine.co 或 instagram 这样的网站使用 videoJs 没有问题，但对我来说并非如此。

所以我尝试更改技术顺序，现在 Flash 总是尝试阅读视频，但即使在 chrome 上也没有任何附加内容。

这是我的测试代码：

<!DOCTYPE html>
<html>
<head>
    <title>test</title>

    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
    <script src="http://vjs.zencdn.net/4.0/video.js"></script>
    <script>
      videojs.options.flash.swf = "video-js.swf"
    </script>
</head>
<body>
    <video id="video" src="http://domain.com/flash/video.mp4" control></video>
    <script type="text/javascript">
        jQuery(function() {
            var player = videojs('video', {"controls": true, "autoplay": false, "preload": "auto", "techOrder": ["flash", "html5"]});
            console.log(player);
        });
    </script>
</body>
</html>

所有文件（swf 播放器、MP4 视频和 html 文件）都位于名为“flash”的同一文件夹中。

你能帮助我吗？

4

2 回答 2

1

有几件事可以在这里尝试：

  1. 确保您正在加载 video-js css 文件。
  2. 如此处所述，将“video-js”和皮肤类添加到您的视频对象（另外，它是“控件”，而不是“控件”）：https ://github.com/videojs/video.js/blob/0020ba15b9ae2b60e51d4d8d2751ffa31d18694d/文档/指南/setup.md
  3. 如果是从 CDN 加载视频 js，则不需要设置 flash.swf 选项。这也可能导致问题。

您不需要设置 techOrder 来让 Firefox 正常运行，而且您绝对不需要为每种“技术”类型提供相应的视频文件。Flash 将在 mp4 中播放回退，只要它高于版本 9 左右。

我确实在 Firefox 上遇到了一个问题，其中 Flash 后备会播放视频，但当我包含“就绪”事件时，视频会是空白的（音频会播放）。我可以通过在 $(this) 对象上触发模糊事件来解决这个问题。如果您需要使用 ready，这可能对您有所帮助。

于 2013-08-21T19:39:54.853 回答
-3

当您想通过 Flash 传送视频时，您需要一个 flv 版本的视频。提供您的视频的另一个 webm 版本可能会很有用。这应该在 Firefox 和 Chrome 中播放。

对于每项技术，您都需要相应的视频文件。

于 2013-07-16T14:18:43.957 回答