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对象.

    相关截图

  • 相关阅读:
    PAT Advanced 1067 Sort with Swap(0, i) (25分)
    PAT Advanced 1048 Find Coins (25分)
    PAT Advanced 1060 Are They Equal (25分)
    PAT Advanced 1088 Rational Arithmetic (20分)
    PAT Advanced 1032 Sharing (25分)
    Linux的at命令
    Sublime Text3使用指南
    IntelliJ IDEA创建第一个Groovy工程
    Sublime Text3 安装ftp插件
    Sublime Text3配置Groovy运行环境
  • 原文地址:https://www.cnblogs.com/holdon521/p/4460588.html
Copyright © 2011-2022 走看看