2014-11-01 92 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中一直沒有。

相關問題