利用jwplayer的API实现播放定时弹出框效果

最近写的javaWeb涉及到了视频这块,用的是jwplayer,需要实现一个播放到某一进度视频自动暂停平且弹出一个框这样的功能。这需要找到一个类似于定时中断执行的函数可以实现不断的检测播放进度。在网上找了一下发现jwplayer的中文资料非常少,于是只好去翻官网提供的API。

最终还是找到了需要的API,以下是该函数的原文。

onTime(callback)


While the player is playing, this event is fired as the playback position gets updated. This may occur as frequently as 10 times per second. Event attributes:
duration (Number): Duration of the current item in seconds.
position (Number): Playback position in seconds.

Note that seeking for progressive downloads in Flash mode only works within the already downloaded portion. When seeking beyond that section, the video seeks to the last downloaded frame. This issue is not present for HTML5, so should only be relevant for IE8.

说明:这个函数可以随着视频帧的更新而触发,时间间隔小于十分之一秒。

用法示例:

var pausePoint=30;
jwplayer("player").onTime(function (){
 if (jwplayer("myElement").getState() === "PLAYING" && jwplayer("myElement").getPosition()>pausePoint) {
  jwplayer("myElement").pause(true);  
  alert("Hi!");
  jwplayer("myElement").play(true);  
 }
});
作用:在视频播放的第30秒暂停视频并且弹出框。



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值