html点击按钮之后显示视频并播放
时间: 2023-08-15 19:07:28 浏览: 3800
支持弹出图片视频jQuery插件.zip
可以通过以下步骤实现:
1. 在 HTML 中创建一个按钮和一个视频元素:
```
<button onclick="playVideo()">播放视频</button>
<video id="myVideo" width="320" height="240">
<source src="video.mp4" type="video/mp4">
</video>
```
2. 在 JavaScript 中编写 `playVideo()` 函数,该函数会在按钮被点击时显示视频并开始播放:
```
function playVideo() {
var video = document.getElementById("myVideo");
video.style.display = "block";
video.play();
}
```
3. 在 CSS 中设置视频元素的 `display` 属性为 `none`,以便在页面加载时隐藏视频:
```
#myVideo {
display: none;
}
```
完成上述步骤后,点击按钮时视频将显示并开始播放。
阅读全文