·您当前的位置:首页 > 技术教程 > 酷播云 >

酷播云视频平台使用教程

时间:2019-11-11 17:17cuplayer.com
今年是酷播成立的十周年,今天在11.11这个颇具促销性质的日子里,我们正式宣布对酷播进行品牌升级

使用场景:

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框架,也是一种比较常用的调用方式

多终端示例代码:

  1. <script src='//player.polyv.net/script/polyvplayer.min.js'></script> 
  2. <div id='plv_8l8v64820dfbd3a97aae421725ca04e6_8'></div> 
  3. <script> 
  4. var player = polyvObject('#plv_8l8v64820dfbd3a97aae421725ca04e6_8').videoPlayer({ 
  5.     'width':'600', 
  6.   'height':'338', 
  7.     'vid' : '8l8v64820dfbd3a97aae421725ca04e6_8' , 
  8.  'forceH5':true  
  9. }); 
  10. </script> 

 Html代码示例:

  1. <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:

  1. //player.polyv.net/videos/player.swf?vid=8l8v64820dfbd3a97aae421725ca04e6_8 

Flash代码2:

  1. //player.polyv.net/videos/8l8v64820dfbd3a97aae421725ca04e6_8.swf 

预览代码1:
预览代码1,适用于flash及移动端播放场景(默认3分钟)

  1. <script src='//player.polyv.net/script/polyvplayer.min.js'></script> 
  2. <div id='previewArea'></div> 
  3. <script> 
  4. var player = polyvObject('#previewArea').previewPlayer({ 
  5.  'width':'600', 
  6.   'height':'338', 
  7.     'vid' : 'f5v5s37520knpk6l94llc721428ml07c3_5' 
  8.  }); 
  9. </script> 

预览代码2:
预览代码2,适用于flash,HTML5及移动端播放场景(默认3分钟)

  1. <script src='//player.polyv.net/script/player.js'></script> 
  2. <div id='previewArea'></div> 
  3. <script> 
  4. var player = polyvPlayer({ 
  5.  'wrap': '#previewArea', 
  6.   'width':600, 
  7.   'height':338, 
  8.     'vid' : 'x5v5s37520knpk6l94llc721428ml07c3_5' 
  9.  }); 
  10.  //加密视频需传真实vid的playsafe  
  11.  //参考文档:http://dev.polyv.net/?p=7377  
  12. </script> 

Iframe代码:

  1. <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了。

 

相关教程:


 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器