企业官网如何插入发布上传“无广告的产品视频”
使用场景:
1. 有自己的企业网站,如何插入第三方网站上传的免费视频,并且要求没有广告?
2. 把视频添加到第三方的平台,自己的企业网站调用,不能显示任何广告?
选择平台:
可以考虑选择酷播云免费视频平台(www.cuplayer.com),有完全免费的视频服务;对有非常大流量的用户,也提供超低价格的付费服务。教程如下:
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了。
热门文章推荐
- [Red5]Red5之Flash流媒体服务器的安装与使用教程完整版(组图)
- [rtsp]设置海康配置DDNS远程访问的用户手册(组图说明)
- [live555]live555直播rtsp流
- [HLS]做自己的m3u8点播系统使用HTTP Live Streaming(HLS技术)
- [FMS]FMS流媒体服务器配置与使用相关的介绍
- [FFmpeg]FFmpeg实现监控摄像头的RTSP协议转RTMP协议直播
- [海康]海康网络摄像机激活功能图文教程
- [RED5]搭建RED5直播用流媒体服务(搭直播环境)