第 120 期(W3C 标准-JavaScript-事件)：pagehide 和 pageshow

[wingmeng]

• onpagehide 事件在用户离开网页时触发（隐藏窗口，切换浏览器页签）
• onpageshow 事件在用户浏览网页时触发

<video id="video" src="video.webm" width="300" controls></video>

var video = document.getElementById('video');

window.addEventListener('pageshow', playVideo);
window.addEventListener('pagehide', pauseVideo);

function playVideo() {
  console.log(video.duration);
  if (video.paused) {
    video.play();
    console.log(video.currentTime);
  }
}

function pauseVideo() {
  video.pause();
  console.log(video.currentTime);
}