如何在使用javascript點擊新標籤時暫停視頻？

我正在處理視頻HTML標記我想在新標籤打開時暫停音頻。請幫助解決這個問題。如何在使用javascript點擊新標籤時暫停視頻？

<video autoplay onplay="clickplayer()" id="player" onended="endplayer()" fullscreen="true" controls onvolumechange="myFunction()" ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + '/' + Math.floor(this.duration);">dik</video>

來源

2017-01-09 chozhan

你要暫停音頻和視頻不斷播放或暫停兩者？ – Mohammad

請將答案標記爲「已接受」以完成此討論。 – Mohammad

您需要先檢測窗口散焦事件才能這樣做。這裏有一個例子：

HTML：

<video id="video" width="400" controls> 
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
</video>

JS：

document.addEventListener("visibilitychange", onchange); 
function onchange (evt) { 
    document.getElementById("video").pause(); 
}

你可以找到完整的例子Here

需要注意的是，同樣的方法適用於音頻標籤。

來源

2017-01-09 10:53:59 Krunal

當一個選項卡的內容變得可見或已隱藏的visibilitychange事件。

您應該檢測標籤在visibilitychange事件中的可見性，並在標籤隱藏時暫停視頻。

var focused = true; 
 
document.addEventListener("visibilitychange", function() { 
 
    focused = !focused; 
 
    if (!focused) 
 
    document.getElementById("video").pause(); 
 
});

<video id="video" width="400" controls> 
 
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
 
</video>

來源

2017-01-09 11:18:04 Mohammad

如何在使用javascript點擊新標籤時暫停視頻？

回答

相關問題