Video.js没有'我不在FF、IE工作

Video.js doesn't work in FF, IE

本文关键字:FF IE 工作 没有 js Video      更新时间:2023-09-26

这在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>        

JS-

_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);
});

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