video js怎么自动播放

Video.js 是一个流行的开源 HTML5 视频播放器，它提供了一个统一的 API 来处理不同浏览器和设备上的视频播放。要实现 Video.js 的自动播放功能，你需要在初始化播放器时设置 autoplay 选项为 true。

以下是一个简单的示例代码，展示了如何使用 Video.js 实现自动播放：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video.js Autoplay Example</title>
<link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" />
</head>
<body>

<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup='{}'
autoplay
>
<source src="MY_VIDEO.mp4" type="video/mp4" />
<source src="MY_VIDEO.webm" type="video/webm" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>

<script src="https://vjs.zencdn.net/7.14.3/video.js"></script>
</body>
</html>

在这个例子中，autoplay 属性被添加到了 <video> 标签中，这将使得视频在加载完成后自动开始播放。

注意事项

浏览器限制：大多数现代浏览器出于用户体验和节省带宽的考虑，对自动播放视频实施了限制。通常，只有当视频是静音的（muted）或者用户与页面有交互时，自动播放才会被允许。
静音自动播放：如果你希望视频在自动播放时不受浏览器限制，可以将视频设置为静音。在 <video> 标签中添加 muted 属性即可。

<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup='{}'
autoplay
muted
>
<!-- ... -->
</video>