HTML5視頻播放器-video.js-在Chromium和Mozilla Firefox上視頻播放結束時的不同行為

Question

我正在使用video.js，

我正在兩種不同的瀏覽器中渲染視頻。

Chromium：版本31.0.1650.63 Ubuntu 13.04和

Mozilla Firefox：26.0

我提供了自動播放視頻的選項

HTML標記和Jq代碼如下。

<script type="text/javascript">
  $("video").on("ended", function(){ 
      var vid = videojs($(this).attr("name"));
      vid.controlBar.hide();
      vid.bigPlayButton.show();
    });     
  $("video").on("pause", function()
    { 
       var vid = videojs($(this).attr("name"));
       vid.bigPlayButton.show(); 
    });  
  $("video").on("play", function(){  
       var vid = videojs($(this).attr("name"));
       vid.controlBar.show();
       vid.bigPlayButton.hide();
    });
 </script>

當視頻播放結束時-Firefox瀏覽器顯示一些微調器，而鉻顯示矩形框以單擊以播放視頻。

請說明為什么行為之間有區別？ 我們該如何克服呢？

Answer 1

您可以通過以下方法對videojs事件進行嘗試：

var activePlayers = videojs.players;
$.each( activePlayers, function(key,value) { 
    value.on('ended', function() {
        this.controlBar.hide();
        this.bigPlayButton.show();
        this.loadingSpinner.hide();
    });
});

這相當快，並且可能主要通過使用$.each與for( x in obj)以及jquery在jquery對象中包裝value進行一些調整。

另外：我知道在循環中使用匿名函數是不受歡迎的，但這是給您的想法。