HTML | DOM 视频自动播放属性

HTML5 视频元素 <video> 通过添加 autoplay 属性，可以让视频在页面加载时自动播放。

语法

<video autoplay>
  <source src="video.mp4" type="video/mp4">
</video>

属性值

• autoplay: 自动播放视频，无需用户手动触发。

注意事项

• 自动播放属性只适用于桌面端，移动端可以通过用户手动触发播放。
• 自动播放属性只适用于没有声音的视频，有声音的视频需要用户手动触发开始播放。将muted属性添加到 <video> 元素中可以自动静音视频。
• 自动播放可能会破坏用户体验，应该仔细考虑是否需要添加此属性。
• 浏览器可能会阻止自动播放，为确保一致的用户体验，可以使用浏览器嗅探技术，当用户触碰了页面时再播放视频。

实例代码

<video autoplay muted>
  <source src="video.mp4" type="video/mp4">
</video>

总结

通过添加autoplay属性，可以让视频自动播放，但需要注意浏览器兼容性和用户体验方面的问题。