HTMLMediaElement.autoplay 属性等同于HTML属性中的 autoplay, 它表示当player下载到足够可以播放的媒体文件时,是否自动播放视频。 注意: 一些版本的Chrome只支持autostart, 不支持autoplay
启用自动播放,并重载视频:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML 音频/视频 audioTracks 属性使用-基础教程(nhooo.com)</title> </head> <body> <button onclick="enableAutoplay()" type="button">启动自动播放</button> <button onclick="disableAutoplay()" type="button">禁用自动播放</button> <button onclick="checkAutoplay()" type="button">检查自动播放状态</button> <br> <video id="video1" controls="controls"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。 </video> <script> myVid=document.getElementById("video1"); function enableAutoplay() { myVid.autoplay=true; myVid.load(); } function disableAutoplay() { myVid.autoplay=false; myVid.load(); } function checkAutoplay() { alert(myVid.autoplay); } </script> </body> </html>测试看看 ‹/›
autoplay属性设置或返回是否在加载音频/视频后立即开始播放。
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 autoplay 属性。
注意:Internet Explorer 8 及之前的版本不支持该属性。
设置 autoplay 属性:
audio|video.autoplay=true|false
返回 autoplay 属性:
audio|video.autoplay
值 | 描述 |
---|---|
true | 指示音频/视频应在加载后立即开始播放。 |
false | 默认。指示音频/视频不应在加载后立即开始播放。 |
返回值: | 布尔值,true|false |
---|---|
默认值: | false |