博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS~jwPlayer为js预留的回调方法大总结
阅读量:6476 次
发布时间:2019-06-23

本文共 2727 字,大约阅读时间需要 9 分钟。

对于一个成功的产品,它是对外封闭的,但又是对外开放的,这句话并不矛盾,让我来说一下,说它对外封闭是因为它本身的代码不允许你去修改,而说它开放,是因为它为我们定义了很多API,或者叫回调方法,对于jwplayer来说,它为我们提供了很多js的回调方法(事件),它被包含在events属性上的.

应用场合

播放时记录当前视频的时间,播放完成时写入完成的时间,像这些功能,我们都可以通过事件回调的方法解决,即为events属性赋相应的值.

注意

测试时,jwplayer需要在正式网站上测试,而本地打开时,它的events属性是不启作用的

events 实例

var player = jwplayer("mediaplayer").setup({            flashplayer: "player.swf",            file: 'http://localhost/222.mp4',            autostart: "true",            bufferlength: '20',            width: '400',            height: '400',            image: '111.jpg',            events: {                onComplete: function () { console.log("播放结束!!!"); },                onVolume: function () { console.log("声音大小改变!!!"); },                onReady: function () { console.log("准备就绪!!!"); },                onPlay: function () { console.log("开始播放!!!"); },                onPause: function () { console.log("暂停!!!"); },                onBufferChange: function () { console.log("缓冲改变!!!"); },                onBufferFull: function () { console.log("视频缓冲完成!!!"); },                onError: function (obj) { console.log("播放器出错!!!" + obj.message); },                onFullscreen: function (obj) { if (obj.fullscreen) { console.log("全屏"); } else { console.log("非全屏"); } },                onMute: function (obj) { console.log("静音/取消静音") }            }        });

其它回调方法

player.onBufferChange(function () { alert("缓冲改变!!!"); });        player.onBufferFull(function () { alert("视频缓冲完成!!!"); });        player.onError(function (obj) { alert("播放器出错!!!" + obj.message); })        player.onFullscreen(function (obj) {            if (obj.fullscreen) { alert("全屏"); }            else { alert("非全屏"); }        });        player.onMute(function (obj) { }) // obj. mute是否静音        player.onPlaylist(function (obj) { //视频列表载入完成            alert(obj.playlist[0]['file']);        });        var callback = function () { alert("callback");};//定义一个回调方法        player.onPlaylistItem(callback) // 开始播放一个视频时触发obj.index为视频索引        player.onReady(callback) //准备就绪        player.onResize(callback) //obj.width obj.height  宽高        //进入播放时触发obj.oldstate 值:从BUFFERING PAUSE状态进入播放状态        player.onPlay(callback)        //进入暂停obj.oldstate 值1:从PLAYING BUFFERING状态进入暂停        player.onPause(callback)        player.onBuffer(callback) //进入加载obj.oldstate 值PLAYING, PAUSED or IDLE        player.onIdle(callback) //进入空闲obj.oldstate 值PLAYING, PAUSED or BUFFERING.        player.onComplete(callback) //结束播放        player.onVolume(callback) //obj.volume        player.onPlay(function () {            console.log(this.getPosition());        });

技巧

我们看到上面的player是它当前的jwplayer对象,有了这个对象,我们就可以在程序的其它位置调用jwplayer的相关回调方法了,如果你没有定义player对象,也可以通过索引

的方式去访问jwplayer实例,如jwplayer(0)表示第一个jwplayer对象.

相关截图

 

转载地址:http://nplko.baihongyu.com/

你可能感兴趣的文章
使用Akka Actor和Java 8构建反应式应用
查看>>
curl常用命令详解
查看>>
saltstack 添加计划任务
查看>>
Puppet module命令参数介绍(六)
查看>>
《UNIX网络编程》中第一个timer_server的例子
查看>>
CISCO 路由器(4)
查看>>
网络服务搭建、配置与管理大全(Linux版)
查看>>
Silverlight 5 Beta新特性[4]文本缩进控制
查看>>
springMVC多数据源使用 跨库跨连接
查看>>
Git服务端和客户端安装笔记
查看>>
Spring Security(14)——权限鉴定基础
查看>>
IntelliJ IDEA快捷键
查看>>
【iOS-cocos2d-X 游戏开发之十三】cocos2dx通过Jni调用Android的Java层代码(下)
查看>>
MongoDB的基础使用
查看>>
进程间通信——命名管道
查看>>
LINUX 重定向的知识
查看>>
ssh登陆不需要密码
查看>>
ARP
查看>>
java mkdir()和mkdirs()区别
查看>>
桌面支持--excel自动换行
查看>>