video.js 的方法
时间: 2025-01-10 21:47:11 浏览: 36
### Video.js 方法列表及用法
#### 初始化播放器
创建并初始化一个新的 Video.js 播放器实例。
```javascript
var player = videojs('my-player');
```
此代码通过传递视频元素的 ID 来初始化一个新播放器[^2]。
#### 加载视频资源
加载指定 URL 的媒体文件到播放器中。
```javascript
player.src({
src: 'http://example.com/path/to/video.mp4',
type: 'video/mp4'
});
```
设置 `src` 可以让播放器知道要加载哪个视频源以及其 MIME 类型。
#### 开始播放
使视频开始播放。
```javascript
player.play();
```
调用该方法后,如果浏览器允许自动播放,则视频将立即开始播放;否则可能需要用户交互才能启动播放。
#### 停止播放
暂停当前正在播放的内容。
```javascript
player.pause();
```
这会让视频停止在其当前位置上,直到再次收到 play() 调用为止。
#### 获取和设置音量
获取或设定音频轨道上的音量级别。
```javascript
// 设置音量 (范围为 0 到 1)
player.volume(0.5);
// 获取当前音量水平
console.log(player.volume());
```
音量值是一个介于 0 和 1 之间的浮点数,其中 0 表示静音而 1 是最大声音强度。
#### 进度控制
跳转至特定时间位置处继续播放。
```javascript
// 移动到第 30 秒的位置
player.currentTime(30);
```
可以用来实现快进、回退等功能。参数单位是以秒计的时间戳。
#### 添加事件监听器
注册自定义函数以便响应某些类型的事件发生时执行相应操作。
```javascript
player.on('ended', function() {
console.log('The video has ended!');
});
player.on('pause', function() {
console.log('Playback paused.');
});
```
这里展示了如何捕捉当视频结束(`ended`) 或被暂停 (`pause`) 后触发的动作[^4]。
#### 销毁播放器对象
释放与播放器关联的所有资源,并移除 DOM 结构中的相关节点。
```javascript
player.dispose();
```
这对于清理不再使用的播放器非常有用,防止内存泄漏等问题的发生。
阅读全文
相关推荐



















