JW Player实现禁止快进

第一次写技术博客,写的不好的地方请各位大神多多指点。

最近在做一个在线学习系统,有一个视频课程的功能,为了实现禁止学生在第一次播放时快进,我找到了大名鼎鼎的JW Player,但是,JW貌似没有提供类似的配置项,于是在百度上搜来搜去,看到CSDN上有人也在求助类似问题,有位大神说可以试着改皮肤,所以我就自己尝试了一下,没想到效果真不错,下面进入正题。

一、首先需要下载破解版的JW Player,因为只有破解的才能免费用皮肤。

二、把下载的破解版JW Player解压后找到皮肤文件,具体哪个自己选吧,我感觉five.xml挺好看的。

然后开始改皮肤,找到name是以timeSlider开头的,这些都是控制进度条显示的,找打下面这个name="timeSliderProgress"删掉,删除后这个皮肤就没有进度条了。

<element name="timeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAAGUlEQVR42mP8//8/AwgwDggDiP+jMgbUPQAS7FXJBVJlWAAAAABJRU5ErkJggg==" />

 

三、在服务器上应用时,可以通过后台代码判断是否是第一次观看然后决定使用哪套皮肤。

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>

                  很抱歉,没有找到上传文件的功能,如果有哪位朋友需要播放器文件,可以留下邮箱,我看到后会及时发给你。

你可能感兴趣的:(play)