span标签onclick绑定播放视频按钮,视频为.mp4的链接,页面加载要求视频容器隐藏,点击按钮展示视频容器并播放
时间: 2023-08-26 12:18:01 浏览: 128
好的,你可以使用以下代码实现:
HTML:
```
<span onclick="playVideo()">播放视频</span>
<div id="videoContainer" style="display:none;">
<video id="videoPlayer" width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
```
JavaScript:
```
function playVideo() {
var container = document.getElementById("videoContainer");
container.style.display = "block";
var video = document.getElementById("videoPlayer");
video.play();
}
```
这段代码中,你需要将视频文件的链接替换成 `src` 属性的值。当用户点击 `span` 标签时,`playVideo()` 函数将被调用。该函数显示了视频容器,并播放了视频。你也可以使用 `pause()` 方法来暂停视频播放,例如,将 `video.pause()` 添加到函数中可以在用户再次点击按钮时暂停视频。
阅读全文