📌  相关文章
📜  HTML | DOM onplaying 事件(1)

📅  最后修改于: 2023-12-03 15:01:12.074000             🧑  作者: Mango

HTML | DOM onplaying 事件

onplaying 事件在音频或视频开始播放时触发。这个事件是 HTML DOM 中的一个事件，并可以通过 JavaScript 来执行。

语法

以下是 onplaying 事件的语法：

object.onplaying = function(){myScript};

或者使用 addEventListener() 方法来添加事件处理程序：

object.addEventListener("playing", myScript);
事件触发的条件

onplaying 事件在媒体文件开始播放时触发。当媒体文件暂停后再次播放，这个事件不会再次触发。

示例

下面的例子展示了如何使用 onplaying 事件：

<!DOCTYPE html>
<html>
<body>

<audio controls onplaying="myFunction()">
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>

<script>
function myFunction() {
  alert("The audio is now playing");
}
</script>

</body>
</html>
注意事项
  • onplaying 事件不适用于非媒体文件（例如图片文件）。
  • onplaying 事件不会在第一次加载媒体文件时触发，而是在媒体文件开始播放时触发。
  • 可以使用 removeEventListener() 方法来移除事件处理程序。
  • onplaying 事件只能用于具有 controls 属性的 <audio> 和 <video> 标签，如果这个标签没有 controls 属性，这个事件就不会触发。
总结

在 HTML/DOM 中，onplaying 事件用于监听媒体文件开始播放的事件。它可以使用 JavaScript 实现，并只能用于具有 controls 属性的 <audio> 和 <video> 标签。当媒体文件暂停后再次播放，这个事件不会再次触发。