Video.js无法在FF中工作,IE
问题描述:
在Chrome和Opera中可以正常工作,但在Firefox和IE中无法正常工作。 我不知道这个问题,我在控制台中没有错误。 点击播放按钮后没有任何事情发生(播放按钮消失,这就是所有)。Video.js无法在FF中工作,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播放器,这可能仅仅是浏览器时序上的差异,在您拨打videojs()
时已在Firefox和IE中创建播放器,但在Chrome和Opera中一直没有。
如果你可以设置一个实时的,减少的测试用例,它将有助于解决这个问题。你可以使用这个jsbin作为起点:http://jsbin.com/axedog/edit?html,output 另外,它看起来像你使用的是旧版本的video.js(_V_已弃用)。你可以尝试升级。 – heff 2014-11-03 18:54:04