文档章节

JS~jwPlayer为js预留的回调方法大总结

引鸩怼孑
 引鸩怼孑
发布于 2015/07/28 09:46
字数 626
阅读 54
收藏 0

对于一个成功的产品,它是对外封闭的,但又是对外开放的,这句话并不矛盾,让我来说一下,说它对外封闭是因为它本身的代码不允许你去修改,而说它开放,是因为它为我们定义了很多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://www.cnblogs.com/lori/archive/2014/05/05/3709459.html

共有 人打赏支持
引鸩怼孑
粉丝 44
博文 206
码字总数 16947
作品 0
南京
项目经理
私信 提问
jw player 5去掉share,info,embed页面

<div id="content-main"> <div id='player_8482'></div> </div> <script type='text/javascript'> jwplayer('player_8482').setup({ file: "jwplayer/a1.mp4", width: "480", height: "270",......

十方三世
2012/12/08
0
5
JW Player在HTML5模式下怎么播放M3U8文件

把上面的代码里面的视频路径换成http://fw01.livem3u8.me.totiptv.com/live/2EE9E13BB4E442D29F7E3E858E8222E7.m3u8 就无法播放 第一次接触这播放器,请问有没有哪位使用JW播放m3u8地址的列子...

教程之家
2013/05/01
19K
3
在线视频播放器jwplayer使用例子

最近一个项目要求要在线播放视频,由于要兼容ie7,所以无法使用vedio标签简单的解决,不过幸运的是网上已经有很好的flash在线视频播放器了。我选择的是jwplayer。 下载jwplayer可以到jwpalye...

leaf志良
2014/03/11
0
1
使用JWPlayer在网页中嵌入视频

首发:个人博客,持续更新和纠错 我一直以为在网页中嵌入视频是件复杂的事,一研究才知道原来非常简单。 实际就是在页面中嵌入个控件。社区里已有很多解决方案了。jwplayer是最受欢迎的(之一...

祁达方
2015/08/20
0
0
请教C#中jwplayer接收后台返回的二进制数据流播放视频、音频问题

我将视频文件以二进制的方式存储到了数据库中,在后台中读取文件二进制流输出到前台获取,不生成实际文件,但是jwplayer获取不到视频 代码如下: var filePath = $.get("getStreamVideo.ash...

DL1230
2018/12/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java 帝国对 Python 的渗透能成功吗?哈哈

引子 Java 帝国已经成立20多年,经过历代国王的励精图治,可以说是地大物博,码农众多。 可是国王依然不满足,整天想着如何继续开拓疆土, 这一天晚上他又把几个重臣招来商议了。 IO大臣说:...

边鹏_尛爺鑫
48分钟前
4
0
分布式事务解决方案框架(LCN)

什么是XA接口 XA是一个分布式事务协议,由Tuxedo提出。XA中大致分为两部分:事务管理器和本地资源管理器。其中本地资源管理器往往由数据库实现,比如Oracle、DB2这些商业数据库都实现了XA接口...

群星纪元
今天
6
0
linux 操作系统 常用命令和软件安装

1.系统时间更新 ntpdate time.windows.com 2.传送文件 rsync -av /home/data/a.dat -e ssh root@192.168.0.100:/home 3.传送文件夹 scp -r /home/data root@192.168.0.100:/home 4.JDK安装 ......

WJtiny
今天
2
0
pg_lightool基于basebackup的单表恢复和块恢复

开源软件pg_lightool,实现了基于wal日志的块恢复。详情参见博客:https://my.oschina.net/lcc1990/blog/1931485。由于wal日志中FPW的不确定性,它不能作为一个数据库恢复的解决方案。目前对...

movead
今天
2
0
对比剖析Swarm Kubernetes Marathon编排引擎

Docker Native Orchestration 基本结构 Docker Engine 1.12 集成了原生的编排引擎,用以替换了之前独立的Docker Swarm项目。Docker原生集群(Swarm)同时包括了(Docker Engine \/ Daemons)...

Linux就该这么学
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部