jwPlayer播放器基本使用
生活随笔
收集整理的這篇文章主要介紹了
jwPlayer播放器基本使用
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
? 找一個(gè)相對(duì)比較好點(diǎn)的播放器，國(guó)內(nèi)的ckpkayer用的多，但是bug也很多，國(guó)外知名的jwplaye播放器很出名，比如慕課網(wǎng)使用的就是jw播放器，看了官方的文檔之后簡(jiǎn)單的操作進(jìn)行了記錄。
HTML代碼:
? <!DOCTYPE html> <html> <head><title>jwplayer播放器測(cè)試</title><script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script><script type="text/javascript" src="scripts/jwplayer.js"></script> <!-- jwplayer播放器的key是在官方網(wǎng)站注冊(cè)之后才會(huì)給的，沒有這個(gè)key就不能使用播放器，下面是我申請(qǐng)的key --><script type="text/javascript">jwplayer.key="xxxxxxxxxxxxxxxxxxxxx";</script> </head> <body><div id="container"></div> <input type="button" class="player-play" value="播放" /> <input type="button" class="player-stop" value="停止" /> <input type="button" class="player-status" value="取得狀態(tài)" /> <input type="button" class="player-current" value="當(dāng)前播放秒數(shù)" /> <input type="button" class="player-goto" value="轉(zhuǎn)到第4秒播放" /> <input type="button" class="player-length" value="視頻時(shí)長(zhǎng)(秒)" /></body> <script type="text/javascript"> var temp = 1;$(function() { var playerInstance = jwplayer('container');//初始化視頻playerInstance.setup({//視頻文件來源file: 'scripts/video.mp4',//顯示的背景圖片image: 'scripts/bg.jpg',});/*playerInstance.on('pause',function(obj){alert(obj.oldstate);});*/playerInstance.on('complete',function(){alert("播放完畢");});//監(jiān)控播放時(shí)間playerInstance.on('time',function(obj){//總時(shí)間//alert(obj.duration);//獲取當(dāng)前的播放時(shí)間var time = obj.position;var v1 = parseFloat(time.toFixed(0));//不回答問題不能進(jìn)行播放下面的視頻if(v1 > 3 && temp ==1){playerInstance.seek(3);}var v2 = parseFloat("3");if(v1 == v2){if(temp == 1){playerInstance.pause();var name = prompt("請(qǐng)輸入您的名字","");if(name == "高旭旭"){temp += 1;playerInstance.play();}}}});//點(diǎn)擊播放執(zhí)行的事件/*playerInstance.on('play',function(){var time = playerInstance.getPosition();var v1 = parseFloat(time.toFixed(0));if(v1 > 3 && temp ==1){playerInstance.seek(4);}});*///緩沖/*playerInstance.on('buffer',function(obj){var name = obj.reason;if(name == "loading"){alert("正在緩沖");}});*///在播放之前觸發(fā)的時(shí)間playerInstance.on('playAttempt',function(){alert("開始播放了，是否檢測(cè)登錄?");});//加載視頻的時(shí)間/*playerInstance.on('firstFrame',function(obj){alert("加載視頻時(shí)間:"+(obj.loadTime/1000));});*/playerInstance.on('error',function(){alert("視頻出錯(cuò)了...");playerInstance.play();});//停止播放$(".player-stop").click(function(){playerInstance.pause();});//播放$(".player-play").click(function(){playerInstance.play();});//獲取當(dāng)前播放的秒數(shù)（時(shí)間）$(".player-current").click(function(){var time = playerInstance.getPosition();alert(time);});//轉(zhuǎn)到多長(zhǎng)時(shí)間$(".player-goto").click(function(){playerInstance.seek(4);});//獲取播放狀態(tài)$(".player-status").click(function(){/**4種狀態(tài)* 1:沒有播放 idle* 2：正在播放playing* 3:停止paused* 4:播放完畢complete*/alert(playerInstance.getState());});}); </script> </html>?
總結(jié)
以上是生活随笔為你收集整理的jwPlayer播放器基本使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 论文排版-CTex的基本使用方法
- 下一篇： VDS三个月暴涨60倍，他却宁愿摊摊手放