html 中video实现切换视频自动播放
在HTML中，要实现video切换自动播放，可以通过JavaScript监听video的play和pause事件，并在用户暂停视频时清除视频的autoplay属性，以此来实现切换播放。
以下是一个简单的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video Autoplay Toggle</title>
<script>
function toggleAutoplay(video) {
if (video.paused) {
video.play(); // 播放视频
} else {
video.autoplay = false; // 禁用自动播放
video.pause(); // 暂停视频
}
}
</script>
</head>
<body>
<video id="myVideo" width="320" height="240" controls autoplay>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<button onclick="toggleAutoplay(document.getElementById('myVideo'))">
Toggle Autoplay
</button>
</body>
</html>在这个示例中，我们定义了一个名为toggleAutoplay的函数，该函数接收一个video元素作为参数。当用户点击按钮时，会触发toggleAutoplay函数，如果视频当前是暂停状态，则play()会使视频播放；如果视频正在播放，则通过将autoplay属性设置为false并调用pause()来暂停视频，这样在下次切换到播放状态时，视频将不会自动播放。
评论已关闭