videojs 调用方法
videojs 是一款基于 HTML5 的视频播放器,它可以通过以下步骤进行调用:
1. 在 HTML 文件中引入 videojs 相关的 CSS 和 JavaScript 文件。
```html
<link href="video-js.min.css" rel="stylesheet">
<script src="video.min.js"></script>
```
2. 在 HTML 中添加 video 标签并设置相关属性。其中,src 属性设置视频文件的地址。
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264">
<source src="my-video.mp4" type='video/mp4'>
<source src="my-video.webm" type='video/webm'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
```
3. 在 JavaScript 中调用 videojs 生成播放器。
```javascript
var player = videojs('my-video', {js调用方法的三种写法
controls: true,
autoplay: false,
preload: 'auto'
});
```
其中,'my-video' 是 video 标签的 id,controls 属性控制是否显示播放器控制界面,autoplay 属性控制是否自动播放,preload 属性设置视频缓冲方式。
4. 通过 JavaScript API 控制视频播放。
```javascript
// 播放视频
player.play();
// 暂停视频
player.pause();
```
除了 play 和 pause 方法,videojs 还提供了许多其他的 API 方法,可以根据需求进行调用。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论