html视频插件案例,video.js视频播放插件,常用事件方法及实例演示

Video.js是一个通用的JavaScript库,用于在网页上嵌入视频播放器,它能自动检测浏览器对HTML5的支持,若不支持则使用Flash作为备选。要确保在IE低版本中的兼容性,需要引入5.4.3版本,并设置Flash路径。通过配置videojs.options.flash.swf,可以指定Flash播放器的位置。HTML代码中需包含视频标签,并注意x5-playsinline等相关属性以控制播放行为。此外,可以通过JavaScript来控制视频播放,如播放、暂停等,并监听播放和暂停事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

插件描述:Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。(要支持ie低版本请下载5.4.3版 )

使用方法

在页面中引用video-js.cs样式文件和video.js

设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件,注意:支持ie低版本才考虑此方案。

videojs.options.flash.swf = "video-js.swf";

HTML代码

视频格式不支持!

注意:x5-playsinline playsinline webkit-playsinline=”true”此属性为让播放时候视频不弹出播放,如需要弹出播放请删除此代码。

JS代码

var myPlayer = videojs('my-video');

videojs("my-video").ready(function () {

var myPlayer = this;

myPlayer.play();

});

添加绑定事件

videojs("my-video").ready(function () {

var myPlayer = this;

myPlayer.play();

//暂停事件监听

this.on('pause', function () {

});

//播放事件监听

this.on('play', function () {

});

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值