js 如何控制video标签

在JavaScript中，可以通过多种方式控制`

1. 控制播放和暂停

```javascript

// 播放视频

video.play();

// 暂停视频

video.pause();

```

2. 控制播放位置

```javascript

// 设置视频播放位置（单位：秒）

video.currentTime = 30;

// 获取当前播放位置（单位：秒）

console.log(video.currentTime);

```

3. 控制音量

```javascript

// 设置音量（0-1）

video.volume = 0.5;

// 获取当前音量（0-1）

console.log(video.volume);

```

4. 控制静音

```javascript

// 开启静音

video.muted = true;

// 关闭静音

video.muted = false;

```

5. 控制循环播放

```javascript

// 开启循环播放

video.loop = true;

// 关闭循环播放

video.loop = false;

```

6. 控制控件显示

```javascript

// 显示控件

video.controls = true;

// 隐藏控件

video.controls = false;

```

7. 监听事件

```javascript

// 当视频播放时触发

video.addEventListener('play', function() {

console.log('视频开始播放');