使用 HTML5 视频 API 可以让我们在网页中播放视频，下面是使用 HTML5 视频 API 的步骤：
<video id="myVideo" width="640" height="360">
<source src="myVideo.mp4" type="video/mp4">
<source src="myVideo.webm" type="video/webm">
Your browser does not support HTML5 video.
</video>其中，src 属性指定视频文件的路径，type 属性指定视频文件的 MIME 类型。如果浏览器不支持 HTML5 视频，会显示 <video> 标签中的文本。
const video = document.getElementById('myVideo');video.play(); // 播放视频
video.pause(); // 暂停视频
video.currentTime = 10; // 跳转到视频的第 10 秒
video.volume = 0.5; // 设置视频的音量为一半除此之外，还可以使用 video 元素的事件来监听视频的状态，如下所示：
video.addEventListener('play', function() {
console.log('视频开始播放');
});
video.addEventListener('pause', function() {
console.log('视频暂停播放');
});
video.addEventListener('ended', function() {
console.log('视频播放结束');
});其中，play 事件在视频开始播放时触发，pause 事件在视频暂停播放时触发，ended 事件在视频播放结束时触发。
需要注意的是，视频播放可能需要用户手动触发，比如在 iOS 设备上，必须要在用户交互的情况下才能播放视频。因此，建议在用户点击页面上的某个元素之后再播放视频。