酷播云免费视频云存储
使用场景:
1. 有自己的企业网站,如何插入第三方网站上传的免费视频,并且要求没有广告;
2. 把视频添加到第三方的平台,自己的企业网站调用,不能显示任何广告;
3. 要求视频观看时,非常流畅,不卡顿。
4. 视频安全性、稳定性有足够保障的视频云平台,用于长期存放视频。
选择平台:
可以考虑选择酷播云免费视频平台(www.cuplayer.com),有完全免费的视频服务,5G空间和12G每月的流量,对于一般的用户是够用的;对有非常大流量的用户,也提供超低价格的付费服务。教程如下:
STEP1:注册帐号
使用酷播云视频二维码,您需要注册酷播云用户帐号。
参考如下( 图1-1 ),按照提示填入您的注册信息,再点击下方的"注册"按钮,完成酷播云用户帐号的注册。
1. 如果您没有帐号,可点此注册:http://my.cuplayer.com/register
2. 如果您已帐号,可点此登录:http://my.cuplayer.com/login
图1-1:酷播云_注册帐号 ( 如果您没有帐号,可点此注册>> )
图1-2:酷播云_帐号登录 ( 如果您已有帐号,可点此登录>> )
STEP2:上传视频
注册帐号之后,即可登录酷播云平台来上传您的视频。
1. 从导航条中打开“上传视频”页面,选择您本地的视频进行上传,如图2-1。
2. 用户上传的视频文件格式支持:*.avi;*.f4v;*.mpg;*.mp4;*.flv;*.wmv;*.mov;*.3gp;*.rmvb;
*.mkv; *.asf;*.264;*.ts; *.mts;*.dat;*.vob;*.mp3;*.wav;*.m4v;*.swf
3. 特别提示:严禁上传违反国家法律法规的内容,或侵犯他人版权和涉及政治相关的内容。
图2-1:选择本地视频文件
图2-2:上传视频文件
STEP3:获取代码(或链接)
获取您上传视频的代码、观看链接、视频二维码或基于API/SDK直接调用视频。
酷播云平台提供四种代码:[多终端]、[HTML]、[Flash]、[预览代码]、[iframe]。
[多终端]:自动适配支持PC、安卓Android、苹果iOS、微信端观看,适用于跨平台浏览器自适应播放场景
[HTML]:Html代码适用于可插入或编辑源代码的网页、编辑器
[Flash]:Flash地址适用于在编辑器里直接插入使用,也可以直接输入到浏览器进行播放
[预览代码]:适用于播放视频一部分,实现预览效果
[iframe]:iframe框架,也是一种比较常用的调用方式
多终端示例代码:
- <script src='//player.polyv.net/script/polyvplayer.min.js'></script>
- <div id='plv_8l8v64820dfbd3a97aae421725ca04e6_8'></div>
- <script>
- var player = polyvObject('#plv_8l8v64820dfbd3a97aae421725ca04e6_8').videoPlayer({
- 'width':'600',
- 'height':'338',
- 'vid' : '8l8v64820dfbd3a97aae421725ca04e6_8' ,
- 'forceH5':true
- });
- </script>
Html代码示例:
- <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="600" height="338" id="polyvplayer8l8v64820dfbd3a97aae421725ca04e6_8">
<PARAM NAME=movie VALUE="//player.polyv.net/videos/player.swf" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="Transparent" />
<param name="flashvars" value="vid=8l8v64820dfbd3a97aae421725ca04e6_8" />
<param name="allowFullScreen" value="true" />
<EMBED src="//player.polyv.net/videos/player.swf" width="600" height="338"
TYPE="application/x-shockwave-flash"
allowscriptaccess="always" wmode="Transparent"
name="polyvplayer8l8v64820dfbd3a97aae421725ca04e6_8"
allowFullScreen="true" flashvars="vid=8l8v64820dfbd3a97aae421725ca04e6_8">
</EMBED></OBJECT>
Flash代码1:
- //player.polyv.net/videos/player.swf?vid=8l8v64820dfbd3a97aae421725ca04e6_8
Flash代码2:
- //player.polyv.net/videos/8l8v64820dfbd3a97aae421725ca04e6_8.swf
预览代码1:
预览代码1,适用于flash及移动端播放场景(默认3分钟)
- <script src='//player.polyv.net/script/polyvplayer.min.js'></script>
- <div id='previewArea'></div>
- <script>
- var player = polyvObject('#previewArea').previewPlayer({
- 'width':'600',
- 'height':'338',
- 'vid' : 'f5v5s37520knpk6l94llc721428ml07c3_5'
- });
- </script>
预览代码2:
预览代码2,适用于flash,HTML5及移动端播放场景(默认3分钟)
- <script src='//player.polyv.net/script/player.js'></script>
- <div id='previewArea'></div>
- <script>
- var player = polyvPlayer({
- 'wrap': '#previewArea',
- 'width':600,
- 'height':338,
- 'vid' : 'x5v5s37520knpk6l94llc721428ml07c3_5'
- });
- //加密视频需传真实vid的playsafe
- //参考文档:http://dev.polyv.net/?p=7377
- </script>
Iframe代码:
- <iframe style='width: 600px;height: 338px' frameborder='no'
allowfullscreen mozallowfullscreen webkitallowfullscreen
src='http://share.polyv.net/front/video/preview?vid=8l8v64820dfbd3a97aae421725ca04e6_8'>
</iframe>
STEP4:视频应用
视频应用效果如下,不显示任何第三方广告,真的很酷。
学会了吗,很容易。直接把代码或链拉加到你网站页面中,就OK了。
热门文章推荐
- 纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端)
- DiscuzX3.2酷播视频插件(dz论坛自定义视频插件带广告
- [微信视频]实现网站中的视频在微信平台上正常播放(超多组图)
- [rtsp]海康威视监控摄像头实现web端无插件监控实拍效果
- 很酷,酷播wordpress视频插件(支持PC/安卓/苹果跨平台播放)
- [组图]微信视频技术:支持微信视频直播和视频点播
- [AS3]as3.0的rtmp流媒体播放器写法源代码示例
- 一步一步教你制作FLV网页视频播放器