获取video标签自动播放
时间: 2023-11-03 07:52:01 浏览: 190
video.js实现鼠标移入播放鼠标移出暂停
5星 · 资源好评率100%
要实现video标签的自动播放,可以通过设置autoplay属性为"autoplay"来实现。在HTML代码中,可以直接在video标签内添加autoplay="autoplay"属性,如下所示:
```html
<video autoplay="autoplay" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
```
在Vue.js中,可以通过在mounted生命周期钩子函数中使用JavaScript的play()方法来实现自动播放。具体做法如下:
```javascript
mounted() {
var video = document.getElementById("videoId");
video.play();
}
```
其中,"videoId"是video标签的id属性值,通过getElementById方法获取到video元素,再调用其play()方法即可实现自动播放。
阅读全文