您的位置:首页 > 移动开发

网站pc端和手机端视频的处理

2016-09-22 12:42 246 查看
在网络流行,技术大牛遍地的时代,不被拷贝,不被复制成了大家梦寐以求的,今天雯雯木就来分享下视频的处理。

  今天我要推荐的是ckplayer.js!官网是:http://www.ckplayer.com,小伙伴可以去官网下载案例研究,兼容性也不错吆。

  在pc端,为了不被别人能复制保存视频,是用的swf格式。

  js代码:

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">
var flashvars={
f:'http://img.ksbbs.com/asset/Mon_1605/0ec8cc80112a2d6.mp4',
c:0,
b:1,
i:'http://www.ckplayer.com/static/images/cqdw.jpg'
};
var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);

   }

 </script>

body里只需要:

<div id="a1"></div>

是不是很简单,嘻嘻!

手机端:

js代码:

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">
var flashvars={
p:0,
e:1,
i:'http://www.ckplayer.com/static/images/cqdw.jpg'
};
var video=['http://img.ksbbs.com/asset/Mon_1605/0ec8cc80112a2d6.mp4->video/mp4'];
var support=['all'];
CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);

</script>

body里只需要:

<div id="a1"></div>

这样视频就避免了让别人下载!喜欢的小伙伴别忘给顶一下哈

,明天给大家分享弹出视频的制作,兼容性值得你期待!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息