Javascript Firefox的VideoJs闪存回退问题
我曾尝试将videoJs添加到我的站点以播放MP4文件,所有这些都在Chrome中运行得非常完美,但当我转到Firefox(不支持MP4文件)时,flash播放器会停留在黑屏上,而按钮什么也不做 简单的问题:为什么? 我不明白,像vine.co或instagram这样的网站使用videoJs没有任何问题,但对我来说情况并非如此 所以我试着改变技术顺序,现在Flash总是尝试阅读视频,但即使在chrome上也没有附加任何东西 这是我的测试代码:Javascript Firefox的VideoJs闪存回退问题,javascript,html,flash,video,video.js,Javascript,Html,Flash,Video,Video.js,我曾尝试将videoJs添加到我的站点以播放MP4文件,所有这些都在Chrome中运行得非常完美,但当我转到Firefox(不支持MP4文件)时,flash播放器会停留在黑屏上,而按钮什么也不做 简单的问题:为什么? 我不明白,像vine.co或instagram这样的网站使用videoJs没有任何问题,但对我来说情况并非如此 所以我试着改变技术顺序,现在Flash总是尝试阅读视频,但即使在chrome上也没有附加任何东西 这是我的测试代码: <!DOCTYPE html> <
<!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>
测试
videojs.options.flash.swf=“video js.swf”
jQuery(函数(){
var player=videojs('video',{“controls”:true,“autoplay”:false,“preload”:“auto”,“techOrder”:[“flash”,“html5”]});
控制台日志(播放器);
});
所有文件(swf播放器、MP4视频和html文件)都位于名为“flash”的同一文件夹中
你能帮我吗?当你想通过flash传送视频时,你需要flv版本的视频。 它可能是有用的,提供另一个webm版本的视频。这应该在Firefox和Chrome中播放
对于每一项技术,您都需要相应的视频文件。这里有一些东西可以尝试:
我确实在Firefox上遇到了一个问题,Flash回退将播放视频,但当我包含一个“就绪”事件时,视频将为空白(音频将播放)。我可以通过在$(this)对象上触发模糊事件来解决这个问题。如果您需要使用ready,这可能会对您有所帮助。您应该将此作为答案提交,因为它解决了问题,您最好有演示。你救了我一天。ThanksFirefox确实支持MP4文件,并且大约从版本34开始就支持MP4文件。