jwPlayer为js预留的回调方法
生活随笔
收集整理的這篇文章主要介紹了
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', 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對象.
相關截圖
?
轉載于:https://www.cnblogs.com/holdon521/p/4460588.html
總結
以上是生活随笔為你收集整理的jwPlayer为js预留的回调方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PCB特征阻抗计算工具——Polar S
- 下一篇: Ubuntu设置为命令行登录