1

新しいタブが開いているときにオーディオを一時停止したいビデオ HTML タグに取り組んでいます。Pls はこの問題を解決するのに役立ちます。

<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>
4

2 に答える 2

5

そのためには、最初にウィンドウのフォーカス解除イベントを検出する必要があります。次に例を示します。

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();
}

ここで完全な例を見つけることができます

同じ方法が Audio タグにも適用されることに注意してください。

于 2017-01-09T10:53:59.590 に答える
3

この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-09T11:18:04.257 に答える