將Video.js插件重置爲初始狀態

我正在使用jquery ui選項卡和video.js。我想要在轉到另一個選項卡時停止視頻，並在我回到第二個選項卡時將其重置。將Video.js插件重置爲初始狀態

2012-11-05 Dhaval

首先你需要對視頻播放器的引用。 http://videojs.com/docs/api/

var myPlayer = _V_("myVideoID");

然後你可以使用API來啓動/停止/復位視頻。

停止：

myPlayer.pause();

復位：

myPlayer.currentTime(0);

我不知道jquery的標籤是如何設置的，但你也許可以做到：

$('.my-tab-class').click(function(){ 
    myPlayer.pause().currentTime(0); 
});

來源

2012-11-09 00:29:24 heff

嗨赫夫，謝謝你的迴應。它在第一個場景重置視頻，但沒有顯示海報圖像。我需要重置那個級別的視頻，它應該顯示帶有播放按鈕的海報圖像，因爲它是第一個。怎麼做？ – Dhaval

如果我想在單擊前一個或下一個按鈕時停止所有視頻，是否必須給每個玩家打電話？ – nana

你可以使用這個顯示海報或顯示bigplay按鈕

$('.backlink').click(function() { 
       // Player (this) is initialized and ready. 
      var myPlayer = _V_("video9"); 
      myPlayer.currentTime(0); // 2 minutes into the video    
      myPlayer.pause(); 
      myPlayer.posterImage.el.style.display = 'block'; 
      myPlayer.bigPlayButton.show(); 
     });

來源

2013-01-14 10:11:56 Mohammed

由於VideoJS V4.6，你可以做以下將播放器復位：

player.pause().currentTime(0).trigger('loadstart');

這loadstart是顯示廣告圖像，並重新綁定第一個表演事件的關鍵。

來源

2015-02-18 12:24:24 Tamlyn

獲取與ID的video.just追加_html5_api的ID，因爲videojs追加這些信件，然後你可以使用暫停，讓currentTime的等於0

var videoStop = document.getElementById(videoId+"_html5_api"); 
videoStop.pause();  
videoStop.currentTime= 0;

來源

2016-02-23 08:04:28

我找到了解決辦法是使用videojs api，調用initChildren之後的重置函數來重構播放器結構，我使用的是vesion 5.10.7。

videojs('sublime_video', {}, function() { 
    var videoPlayer = this; 
    videoPlayer.width(screen.width/2); 
    videoPlayer.height(720); 
    videoPlayer.on("ended", function(){ 
     videoPlayer.reset().initChildren(); 
    }); 
});

來源

2016-07-19 12:56:34 Renorram

player.reset();

生活很簡單。

來源

2017-12-05 00:09:49

它更容易。

let player = Video(el); 
player.on('ended',() => { 
    player.initChildren(); 
});

來源

2018-01-12 12:15:31 sidonaldson

將Video.js插件重置爲初始狀態

回答

相關問題