1

我想在视频达到一定时间后隐藏一个 div。以下代码是我认为理论上可行但目前不行的代码。任何解决方案将不胜感激！

 <body>
 <video id="vid" src="somevideo.mp4"></video>
 <div id="box"></div>
 <script>
    function hideDiv() {
  if (vid.currentTime > 5) {
  document.getElementById('box').style.display = 'none';
 }}

 </script>
 </body>
4

1 回答 1

0

您需要将事件处理程序附加到timeupdate事件。

document.querySelector('video').addEventListener('timeupdate', (e) => {
  if (e.currentTarget.currentTime > 5) {
    document.querySelector('#box').style.display = 'none';
  }
});

您可能还希望在完成后删除此事件处理程序。

另请参阅： https ://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/timeupdate_event

于 2021-03-07T03:45:05.947 回答