2014-11-01 57 views
1

在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); 
}); 
+0

如果你可以设置一个实时的,减少的测试用例,它将有助于解决这个问题。你可以使用这个jsbin作为起点:http://jsbin.com/axedog/edit?html,output 另外,它看起来像你使用的是旧版本的video.js(_V_已弃用)。你可以尝试升级。 – heff 2014-11-03 18:54:04

回答

1

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

相关问题