首页video addEventListener watch

video addEventListener watch

时间: 2023-12-04 19:39:05 浏览: 82

根据提供的引用，video元素是HTML5中的一个标签，用于在网页中嵌入视频。可以使用addEventListener()方法来为video元素添加事件监听器，以便在特定事件发生时执行JavaScript代码。watch()方法是JavaScript中的一个方法，用于监视对象属性的变化并在变化时执行特定的代码。以下是video addEventListener watch的示例代码： ```html <!DOCTYPE html> <html> <body> <video id="myVideo" width="320" height="176" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support HTML5 video. </video> <script> var vid = document.getElementById("myVideo"); // 添加事件监听器 vid.addEventListener("play", function() { alert("视频开始播放！"); }); // 监视对象属性的变化 var obj = {a:1, b:2}; Object.watch(obj, "a", function(){ alert("a属性的值已经改变！"); }); </script> </body> </html> ``` 在上面的示例中，我们为video元素添加了一个play事件的监听器，当视频开始播放时，会弹出一个提示框。另外，我们还使用了Object.watch()方法来监视对象obj的属性a的变化，当a的值发生变化时，会弹出一个提示框。

阅读全文