zoukankan      html  css  js  c++  java
  • jwPlayer为js预留的回调方法

    参考地址:http://www.cnblogs.com/lori/archive/2014/05/05/3709459.html

    应用场合

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

    注意

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

    events 实例

    复制代码
     var player = jwplayer("mediaplayer").setup({
                flashplayer: "player.swf",
                file: 'http://localhost/222.mp4',
                autostart: "true",
                bufferlength: '20',
                 '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对象.

    相关截图

  • 相关阅读:
    rzchecktree用作类别权限的问题
    VirtualStringTree 动态建树/Checktree
    一键处理打印机因任务不能取消,无法接着打印
    Delphi从Internet下载文件
    仿迅雷客户端的浏览器自定义协议的小程序
    用最少的代码为你的窗体实现剪贴板操作
    delphi2010获取鼠标指向窗口的位置及鼠标在窗口内的相对位置坐标
    datasnap 上传/下载大文件(本Demo以图传片文件为例)
    dephi中用idhttp提交cookie
    delphi2010 向另一个窗口发送鼠标点击事件
  • 原文地址:https://www.cnblogs.com/holdon521/p/4460588.html
Copyright © 2011-2022 走看看