视频在div1里边播放,在div2里边停止
时间: 2024-10-16 11:16:09 浏览: 12
超分重建 DIV2K 完整数据集云盘链接.txt
5星 · 资源好评率100%
在HTML5中,你可以利用`<video>`标签来嵌入视频,并使用JavaScript来控制视频的行为。如果你想在一个`div1`里开始播放视频,而在另一个`div2`里停止它,你需要结合HTML、JavaScript以及可能的一些库如Video.js等。这里是一个基本的示例:
```html
<div id="player1">
<video id="myVideo" controls>
<source src="your_video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div id="player2" onclick="stopVideoInPlayer1()"></div>
<script>
var videoElement = document.getElementById("myVideo");
var isPlayingInPlayer1 = false;
function startVideoInPlayer1() {
if (!isPlayingInPlayer1) {
videoElement.play();
isPlayingInPlayer1 = true;
}
}
function stopVideoInPlayer1() {
if (isPlayingInPlayer1) {
videoElement.pause();
isPlayingInPlayer1 = false;
}
}
</script>
```
在这个例子中,当用户点击`div2`时,`stopVideoInPlayer1`函数会被调用,停止`div1`中的视频播放。如果要让视频在`div1`开始播放,只需调用`startVideoInPlayer1`。
注意,这个例子假设你有一个名为`your_video.mp4`的视频文件。如果你有多个视频并且想在不同条件下控制它们,可能需要对脚本进行适当的修改。
阅读全文