在 JavaScript 和 HTML DOM 中,<video> 元素表示网页中的视频。你可以使用 JavaScript 来访问和操作 <video> 元素的属性、方法以及事件。

以下是一个简单的例子,演示如何使用 JavaScript 和 HTML DOM 来控制视频的播放和暂停:
<!DOCTYPE html>
<html>

<head>
    <title>Video Object Example</title>
</head>

<body>
    <video id="myVideo" width="640" height="360" controls>
        <source src="example.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <br>
    <button onclick="playVideo()">Play</button>
    <button onclick="pauseVideo()">Pause</button>

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

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

        // 暂停视频
        function pauseVideo() {
            video.pause();
        }
    </script>
</body>

</html>

在这个例子中,<video> 元素包含一个 <source> 元素,用于指定视频文件的来源。通过 JavaScript,我们使用 document.getElementById("myVideo") 获取视频元素,然后通过 play() 和 pause() 方法控制视频的播放和暂停。

点击 "Play" 按钮时,会调用 playVideo() 函数,从而播放视频。点击 "Pause" 按钮时,会调用 pauseVideo() 函数,从而暂停视频。这只是基本的控制,你还可以使用其他方法和属性来实现更丰富的视频控制功能,比如调整音量、设置播放速度等。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6239/JavaScript 和 HTML DOM