html5 video标签autoplay属性设置自动播放

分类:知识百科 日期: 点击:0

HTML5中的video标签提供了一个autoplay属性,使得用户可以在网页中自动播放视频。autoplay属性可以让视频自动播放,提供更好的用户体验,使得网页更加生动。

使用autoplay属性可以很容易的实现视频的自动播放,只需要在video标签中添加autoplay属性即可,如:


autoplay属性还可以与其他属性组合使用,如:


上面的代码中,video标签中添加了autoplay、loop和muted属性,这样就可以实现视频自动播放,播放完毕后自动循环播放,并且视频默认静音。

还可以利用JavaScript来实现视频的自动播放,如:

var video = document.getElementById('video');
video.autoplay = true;
video.load();

上面的代码中,通过getElementById()方法获取到video标签,将autoplay属性设置为true,调用load()方法,来实现视频的自动播放。

autoplay属性可以让视频自动播放,提供更好的用户体验,使得网页更加生动。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。