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>

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

posted @ 2014-11-01 21:23  张凯翔  阅读(1717)  评论(2)  编辑  收藏  举报