Question

我试图让一个div显示HTML5视频播放器何时暂停。

Answer 1

您需要检测视频元素触发的pause事件。

这样的事情对你有用：

var vid = document.getElementById( 'your_video_element_id' );
vid.addEventListener( 'pause', on_pause ); 
function on_pause( e ){
  // handle pause event - ie. show your div element
}

Answer 2

我找到了一种方法，

function playPause(){
if(vid.paused){
    vid.play();
    playbtn.style.background = "url(pause.png)";
    pausebox.style.display = "none";
} else {
    vid.pause();
    playbtn.style.background = "url(play.png)";
    pausebox.style.display = "block";
}

}

Answer 3

不幸的是，视频元素没有任何相关属性，但我会考虑使用onclick属性。你可以这样做：

<video onclick="showDiv()">
  ...
</video>


<script>
  function showDiv(){
    //Use jQuery or basic javascript to hide/show the div element
  }
</script>

HTML5视频播放器暂停时如何制作div节目？

3 个答案: