Firefox中VideoJs的flash回退问题

Issue with the flash fallback of VideoJs with Firefox

本文关键字：回退 问题 flash VideoJs Firefox      更新时间：2023-09-26

我试着在我的网站上添加视频Js来播放MP4文件，所有这些都在Chrome中运行得很好，但当我使用Firefox（不支持MP4文件）时，flash播放器会停留在黑屏上，按钮也不会起任何作用。

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

所以我试着改变技术顺序，现在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"的文件夹中。

你能帮我吗？

这里有一些尝试：

  1. 请确保您正在加载视频js-css文件
  2. 将"video-js"和皮肤类添加到视频对象中，如下所述（同样，它是"controls"，而不是"control"）：https://github.com/videojs/video.js/blob/0020ba15b9ae2b60e51d4d8d2751ffa31d18694d/docs/guides/setup.md
  3. 如果你从CDN加载视频js，你不需要设置flash.swf选项。这也可能引发一个问题

你不需要设置techOrder来让Firefox正常工作，也绝对不需要为每种类型的"技术"设置相应的视频文件。Flash将在mp4中播放回退，只要它高于版本9左右

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

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

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

相关文章：