在 HTML DOM 中,<video> 元素通过 JavaScript 可以被表示为 Video 对象。这个对象提供了一系列属性和方法,允许你通过脚本来操控 <video> 元素。以下是一个简单的例子:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Video 对象示例</title>
</head>
<body>

<video id="myVideo" width="400" controls>
  <source src="example.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

<script>
  // 获取 video 元素
  var myVideo = document.getElementById("myVideo");

  // 播放视频
  function playVideo() {
    myVideo.play();
  }

  // 暂停视频
  function pauseVideo() {
    myVideo.pause();
  }

  // 获取当前播放时间
  function getCurrentTime() {
    alert("当前播放时间:" + myVideo.currentTime + " 秒");
  }
</script>

</body>
</html>

在这个例子中,<video> 元素通过 getElementById 方法获取,然后定义了几个操作这个 Video 对象的函数。通过这些函数,你可以播放视频、暂停视频,并获取当前的播放时间等。

这只是 Video 对象的一小部分功能,实际上还有许多其他属性和方法可以使用。


转载请注明出处:http://www.zyzy.cn/article/detail/4437/HTML