<source src="myVideo.mp4" type="video/mp4"> <source src="myVideo.ogg" type="video/ogg">
时间: 2023-07-19 16:52:51 浏览: 176
这段代码是 `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 addEventListener watch
根据提供的引用,video元素是HTML5中的一个标签,用于在网页中嵌入视频。可以使用addEventListener()方法来为video元素添加事件监听器,以便在特定事件发生时执行JavaScript代码。watch()方法是JavaScript中的一个方法,用于监视对象属性的变化并在变化时执行特定的代码。
以下是video addEventListener watch的示例代码:
```html
<!DOCTYPE html>
<html>
<body>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<script>
var vid = document.getElementById("myVideo");
// 添加事件监听器
vid.addEventListener("play", function() {
alert("视频开始播放!");
});
// 监视对象属性的变化
var obj = {a:1, b:2};
Object.watch(obj, "a", function(){
alert("a属性的值已经改变!");
});
</script>
</body>
</html>
```
在上面的示例中,我们为video元素添加了一个play事件的监听器,当视频开始播放时,会弹出一个提示框。另外,我们还使用了Object.watch()方法来监视对象obj的属性a的变化,当a的值发生变化时,会弹出一个提示框。
阅读全文