<source src="myVideo.mp4" type="video/mp4"> <source src="myVideo.ogg" type="video/ogg">
时间: 2023-07-19 15:52:51 浏览: 41
这段代码是 `video` 标签的两个 `source` 子标签,用于指定视频文件的来源和类型。`src` 属性是视频文件的 URL 地址,`type` 属性是视频文件的 MIME 类型。
在这个示例中,我们提供了两个不同格式的视频文件,分别是 MP4 和 OGG 格式。这是因为不同浏览器对于视频文件格式的支持可能不同,为了兼容不同的浏览器,我们可以提供多个格式的视频文件,让浏览器自行选择支持的格式进行播放。
相关问题
html5 video play方法,html5 – 如何在现代Chrome上访问video.play()API
要在现代Chrome上访问HTML5 video的play() API,您需要使用JavaScript代码来访问视频元素并调用play()方法。以下是一个示例:
首先,在您的HTML中添加一个视频元素:
```html
<video id="myVideo" width="320" height="240" controls>
<source src="myVideo.mp4" type="video/mp4">
<source src="myVideo.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
```
然后,在您的JavaScript代码中,使用getElementById()方法获取视频元素,并调用play()方法:
```javascript
var video = document.getElementById("myVideo");
video.play();
```
注意,在某些情况下,浏览器可能会阻止自动播放视频。如果您遇到这种情况,您可以尝试将autoplay属性设置为true,或者在用户与页面交互后再调用play()方法。
video播放控制
您可以使用 HTML5 的 video 标签来播放视频,并且可以使用 JavaScript 来控制视频的播放,例如:
```html
<video id="myVideo" width="640" height="360" poster="poster.jpg" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<script>
var video = document.getElementById("myVideo");
function playVideo() {
video.play();
}
function pauseVideo() {
video.pause();
}
function stopVideo() {
video.currentTime = 0;
video.pause();
}
</script>
```
上面的代码中,`<video>` 标签中的 `controls` 属性会自动添加一个控制面板,包括播放/暂停、快进/快退、音量和全屏等功能。同时,JavaScript 中的 `playVideo()`、`pauseVideo()` 和 `stopVideo()` 函数可以控制视频的播放和暂停,以及将播放进度设置为视频开始处。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)