Question

我已经尝试将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”的同一文件夹中。

你能帮助我吗？

Answer 1

在这里尝试一些事情：

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

您不需要设置techOrder以使Firefox运行，并且您绝对不需要为每种类型的“Tech”提供相应的视频文件。只要它高于9版本左右，Flash就会在mp4中播放后备。

我确实在Firefox上遇到了一个问题，Flash后备将播放视频，但当我收录“准备好”事件时，视频将会为空白（音频会播放）。我通过在$（this）对象上触发blur事件来解决这个问题。如果你需要准备就绪，这可能对你有帮助。

Answer 2

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

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

与Firefox一起使用VideoJs闪回的问题

2 个答案: