JW Player實現禁止快進

2019-11-14 21:42:57

字體：大中小

來源：轉載

供稿：網友

JW Player實現禁止快進

第一次寫技術博客，寫的不好的地方請各位大神多多指點。

最近在做一個在線學習系統，有一個視頻課程的功能，為了實現禁止學生在第一次播放時快進，我找到了大名鼎鼎的JW Player，但是，JW貌似沒有提供類似的配置項，于是在百度上搜來搜去，看到CSDN上有人也在求助類似問題，有位大神說可以試著改皮膚，所以我就自己嘗試了一下，沒想到效果真不錯，下面進入正題。

一、首先需要下載破解版的JW Player，因為只有破解的才能免費用皮膚。

二、把下載的破解版JW Player解壓后找到皮膚文件，具體哪個自己選吧，我感覺five.xml挺好看的。

然后開始改皮膚，找到name是以timeSlider開頭的，這些都是控制進度條顯示的，找打下面這個name="timeSlider

<element name="timeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAAGUlEQVR42mP8//8/AwgwDggD
三、在服務器上應用時，可以通過后臺代碼判斷是否是第一次觀看然后決定使用哪套皮膚。if(第一次觀看)        skin="/player/jwplayer1/skin/fivenoprocess.xml";else{       skin="/player/jwplayer1/skin/five.xml";}session().setAttribute("skin",skin);
四、通過jsp頁面獲取skin并應用到播放器上
<html>    <head>    <script type="text/javascript" src="${pageContext.request.contextPath}/player/jwplayer1/jwplayer.js"></script>    </head>    <body>     <div id="myElement" >Loading the player...</div><script type="text/Javascript">var skin="${pageContext.request.contextPath}"+"/"+"${skin}";        jwplayer("myElement").setup({         file: "${pageContext.request.contextPath}/video/2.flv",         skin: skin,         autostart:true,         height:500,         width:700    });</script>    </body></html>
         很抱歉，沒有找到上傳文件的功能，如果有哪位朋友需要播放器文件，可以留下郵箱，我看到后會及時發給你。