我尝试将 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”的同一文件夹中。
你能帮助我吗？
这里有一些值得尝试的事情：
- 确保您正在加载 video-js css 文件。
- 将“video-js”和外观类添加到您的视频对象，如下所述（另外，它是“控件”，而不是“控制”）：https://github.com/videojs/video.js/blob/0020ba15b9ae2b60e51d4d8d2751ffa31d18694d/docs/guides/setup.md 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) 对象上触发模糊事件来解决这个问题。如果您需要使用ready，这可能对您有帮助。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
