videojs播放音频文件
时间: 2024-09-25 08:16:11 浏览: 50
Video.js是一个轻量级的JavaScript库,主要用于创建HTML5视频播放器。它不仅可以处理视频文件,也支持音频文件的播放。在Video.js中,你可以通过以下几个步骤来添加和播放音频:
1. 引入Video.js库:首先,在HTML中引入Video.js的CSS和JS文件。
```html
<link href="https://cdn.jsdelivr.net/npm/video.js@7/dist/video-js.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/video.js@7/dist/video.min.js"></script>
```
2. 创建video元素并初始化Video.js:创建一个`<video>`元素,并使用Video.js的API进行初始化,设置src属性为音频文件URL。
```html
<video id="myAudioPlayer" class="video-js vjs-default-skin" controls preload="auto" data-setup='{}'>
<source src="path/to/audio.mp3" type="audio/mpeg"> <!-- 或者其他音频格式 -->
</video>
<script>
var player = videojs('myAudioPlayer');
</script>
```
3. 播放音频:调用player对象的方法`play()`来开始播放,`pause()`停止播放。
```javascript
player.play(); // 开始播放
player.pause(); // 停止播放
```
阅读全文