第一次寫技術博客,寫的不好的地方請各位大神多多指點。
最近在做一個在線學習系統,有一個視頻課程的功能,為了實現禁止學生在第一次播放時快進,我找到了大名鼎鼎的JW Player,但是,JW貌似沒有提供類似的配置項,于是在百度上搜來搜去,看到CSDN上有人也在求助類似問題,有位大神說可以試著改皮膚,所以我就自己嘗試了一下,沒想到效果真不錯,下面進入正題。
一、首先需要下載破解版的JW Player,因為只有破解的才能免費用皮膚。
二、把下載的破解版JW Player解壓后找到皮膚文件,具體哪個自己選吧,我感覺five.xml挺好看的。
然后開始改皮膚,找到name是以timeSlider開頭的,這些都是控制進度條顯示的,找打下面這個name="timeSlider 三、在服務器上應用時,可以通過后臺代碼判斷是否是第一次觀看然后決定使用哪套皮膚。 四、通過jsp頁面獲取skin并應用到播放器上 很抱歉,沒有找到上傳文件的功能,如果有哪位朋友需要播放器文件,可以留下郵箱,我看到后會及時發給你。<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);<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>
新聞熱點
疑難解答