<!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