video 元素 JS 全部操作

在HTML5中，`<video>`元素用于嵌入视频内容，并可以使用JavaScript进行全方面的控制。以下是关于`<video>`元素的一些基本JS操作：

1. **创建和初始化**:

   const video = document.createElement('video');
   video.src = 'path/to/video.mp4';
   document.body.appendChild(video);

这里我们创建了一个新的`<video>`元素并设置其源URL。

2. **播放/暂停**:

   video.play(); // 开始播放
   video.pause(); // 暂停播放

3. **音量控制**:

   video.volume = 0.5; // 设置音量 (0-1)

4. **进度控制**:

   video.currentTime = 10; // 设置当前时间点
   video.seekTo(10); // 同样作用

5. **循环播放/单次播放**:

   video.loop = true; // 循环播放
   video.loop = false; // 单次播放

6. **事件监听**:

   video.addEventListener('play', function() {
     console.log('Video started playing.');
   });

7. **错误处理**:

   video.onerror = function(event) {
     console.error('An error occurred:', event);
   };