在<audio>和<video>标签中使用autoplay属性,则当音频/视频一旦就绪就可马上开始自动播放。
语法:
<element autoplay>
下面的示例说明了<audio>元素和<video>元素中autoplay属性的使用。
示例1:autoplay属性与<video>标签一起使用
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body style="text-align:center"> <h2>HTML video autoplay属性</h2> <video width="400" height="200" controls autoplay> <source src="https://ss.html.cn/ueditor/php/upload/video/20190327/1553657855333112.mp4" type="video/mp4"> <source src="https://ss.html.cn/ueditor/php/upload/video/20190327/1553657855333112.ogg" type="video/ogg"> </video> </body> </html>
效果图:
示例2:autoplay属性与<audio>标签一起使用
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body style="text-align:center"> <h2>HTML Audio autoplay属性 </h2> <br> <audio id="Test_Audio" controls autoplay> <source src="https://ss.html.cn/ueditor/php/upload/file/20190323/1553324890593240.ogg" type="audio/ogg"> <source src="https://ss.html.cn/ueditor/php/upload/file/20190323/1553324890628612.mp3" type="audio/mpeg"> </audio> </body> </html>
效果图:
浏览器支持
● Google Chrome 4.0
● Internet Explorer 9.0
● Firefox 3.5
● Safari 4.0
● Opera 10.5
以上就是HTML的autoplay属性怎么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!