Question

这适用于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);
});

Answer 1

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

Video.js在FF，IE中不起作用

1 个答案: