Videojs在暫停後淡出並在ipad上淡出

我有一個帶有videojs播放器的頁面。Videojs在暫停後淡出並在ipad上淡出

<div id='modal-bg'> 
    <div id="video-exit"></div> 
    <div class="video-box-wr"> 
     <video id="model_vid" class="video-js vjs-default-skin" controls poster="myposter.png" data-setup='{}'> 
     <source src="video.mp4" type='video/mp4'> 
     </video> 
    </div> 
    </div>

ID爲「modal-bg」的div在css中將顯示設置爲none。當用戶點擊一個按鈕時，div淡入，視頻開始播放。

if($('#model_vid').length>0){ 
     _V_("model_vid").ready(function() { 
      var video_player = this; 

      $("#view-video-button").click(function(){ 
        $("#modal-bg").fadeIn(function(){ 
         // video_player.play();     
        }); 
        video_player.play(); 
      }); 

      $("#video-exit").click(function(){ 
       video_player.currentTime(0); 
       video_player.pause(); 
       $("#modal-bg").fadeOut();  
      }); 
     }); 
    }

適用於臺式機（Chrome，Firefox，Safaru和IE9），但不適用於iPad（iOS 6.1.2）。

首先，在淡入之後，video_player.play（）在回調中不起作用。在回調之外，像上面的代碼那樣，它確實開始正常播放。

第二 - 當您退出視頻時，它將停止並正常淡出 - 但是當您再次按播放時，視頻淡入但不會播放。控件可見，但不起作用，屏幕爲黑色。退出仍然有效，玩家正常消失。

類似問題報告爲here但沒有解決方案。

來源

2013-03-12 smrkem

我有類似的問題。我通過調整不透明度來解決問題。當您致電display: none;/display: block;時，某些瀏覽器正在進行重新設置。我想我也有這個問題與Firefox。另外一種選擇是將高度設置爲0％，以使其外觀消失。希望能讓你朝正確的方向發展。

來源

2013-08-06 09:06:16 cnotethegr8

Videojs在暫停後淡出並在ipad上淡出

回答

相關問題