Video.js 在 FF、IE 中不起作用答案

【问题标题】：Video.js doesn't work in FF, IEVideo.js 在 FF、IE 中不起作用
【发布时间】：2014-11-01 19:47:28
【问题描述】：

这在 Chrome 和 Opera 中运行良好，但在 Firefox 和 IE 中则不行。我不知道问题所在，我在控制台中没有错误。点击播放按钮后没有任何反应（播放按钮消失，仅此而已）。

风格：

.vjs-default-skin .vjs-playtoggle-control,
.vjs-default-skin .vjs-progress-control,
.vjs-default-skin .vjs-time-controls,
.vjs-default-skin .vjs-time-divider,
.vjs-default-skin .vjs-captions-button,
.vjs-default-skin .vjs-volume-control,
.vjs-default-skin .vjs-play-control,
.vjs-default-skin .vjs-fullscreen-control {
    display: none;  
}
.vjs-control-bar {
visibility: visible !important;
opacity: 1 !important;
transition-duration: 0s!important;
}

HTML

<div id='container'>
    <video id='movie_container' class='video-js vjs-default-skin vjs-big-play-centered' data-setup='{}' preload='none' controls height='360px' width='640px'>
    </video>
</div>

_V_.options.flash.params = {
           allowfullscreen: "true",
           wmode: "transparent",
           allowscriptaccess: "always"
       };
var videojs_player;
window.player = videojs("movie_container", { techOrder: ["flash", "html5"] }, function() {
    videojs_player = this;
    videojs_player.src({ src: "http://video-js.zencoder.com/oceans-clip.mp4", type: 'video/mp4'})
    videojs_player.pause = function() {};

    function myFunc()
    {
        //finish
    }
    function myFunc2()
    {
        //start
    }
    videojs_player.on('ended',myFunc);      
    videojs_player.on('play',myFunc2);
});

【问题讨论】：

如果您可以设置一个实时的、精简的测试用例，这将有助于解决这个问题。您可以使用这个 jsbin 作为起点：jsbin.com/axedog/edit?html,output 而且看起来您使用的是旧版本的 video.js（V 已弃用）。您可以尝试升级。

标签： javascript mp4 video.js

【解决方案1】：

从 Video 元素中删除 data-setup='{}'。如果使用备用设置，则不应包含它。具有data-setup 属性的视频（或音频）元素会自动设置为 video.js 播放器，这可能只是浏览器计时的不同，在 Firefox 和 IE 上，当您调用 videojs() 时，播放器已经创建，但在Chrome 和 Opera 还没有。

【讨论】：