JW play自定义LOGO,右键详细教程
昨天说到 DEDECMS手动建立视频播放栏目 ,里面涉及到JWplay,而用6.0版本以上的都会在右上角出现JWplay的LOGO,右键也会链接到JWplay,这样对用户体验有点不好,记得在之前5.*系列改过一次,应用到某个企业网站上面,而之前的研究成果没有记录下来,久而久之就忘记怎么做的了,在不久前因为想重新制作一下而研究了好久,今天记起来就记录一下吧...
言外:
同时,这里会提供一个我写的电影程序的插件,就是飞飞电影程序的了,其实官方网站已经关闭,最新版本应该为2.9,下载地址:http://down.chinaz.com/soft/30855.htm,希望大家不要用到现在所谓的3.*的假程序...
插件下载:feifei.zip
解压密码留Email地址获取.
好了,回来继续说JWplay.
flash可以参考教程:http://jingyan.baidu.com/article/d5c4b52b32f60dda570dc573.html
我这里采用的版本是JWplay6.0的:https://github.com/jwplayer/jwplayer/releases/tag/v6.0.0
为什么会采用6.0呢,在接下来的html5有关系了,经过我的测试发现要修改LOGO在6.0后续版本的html5里面很麻烦,带有版本之类,没有6.0这么直观的修改...
这个是我修改好了的,为了避免麻烦大家可以拿去直接替换...
jwplayer.html5.zip
详细步骤:
1,自定义LOGO
找到
b.defaults={prefix:"http://p.jwpcdn.com/",file:"logo.png",link:p+c.version+"&m=h&e=f",linktarget:"_top",margin:8,hide:false,position:"top-right"};
prefix:"http://p.jwpcdn.com/" 修改为你的logo地址
file:"logo.png" 修改为你的logo名称
link:p+c.version+"&m=h&e=f" 修改为link:p
用DW 打开js 找到上述地址后往上数 修改u.prefix+=F+"/" 为u.prefix+="/"
2,修改LOGO链接
查找:http://www.longtailvideo.com/jwpabout/?a=l&v= 修改为你想链接的网址
往下找到 u.link=p+c.version+"&m=h&e="+G 修改为 u.link=p
3,修改about,右键信息
(function(e){var l=jwplayer.utils,j=l.css,a="About JW Player ",m="http://www.longtailvideo.com/jwpabout/?a=r&v=",k=document,h=".jwclick",g=h+"_item",f="100%",b="none",d="5px 5px 7px rgba(0,0,0,.10), 0px 1px 0px rgba(255,255,255,.3) inset",c="#FFF";e.rightclick=function(r,p){var x=r,q,w=l.extend({aboutlink:m+e.version+"&m=h&e=o",abouttext:a+e.version+"..."},p)
修改 a="About JW Player " 为你想要的about信息
修改 m="http://www.longtailvideo.com/jwpabout/?a=r&v=", 为 你的链接地址
修改aboutlink:m+e.version+"&m=h&e=o",abouttext:a+e.version+"..." 修改为aboutlink:m,abouttext:a