html 的 autoplay 属性用于指定加载网页时音频 / 视频应自动开始播放. 它是一个布尔属性, 可以与 < audio > 和 < video > 元素一起使用.
在 < 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="http://img.php.cn/ueditor/php/upload/video/20190327/1553657855333112.mp4"
- type="video/mp4">
- <source src="http://img.php.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="http://img.php.cn/ueditor/php/upload/file/20190323/1553324890593240.ogg"
- type="audio/ogg">
- <source src="http://img.php.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
来源: http://www.css88.com/qa/html5/10416.html