代码演示平台 Demo & Example

D1. HTML5播放器调用范例

说明:本代码将调用纯Html5的播放器,故强力推荐使用。Flash调用形式受限于adobe的flash插件,并不推荐使用。

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
vid: 'e785b2c81c9e018296671a1287e99615_e',
});
</script>

wrap: '#player' //warp为引用的容器
width: 800 //播放器的宽度
height: 533 //播放器的高度
vid: 'e785b2c81c9e018296671a1287e99615_e' //酷播云视频vid

查看演示html5播放器参数

 


D2. 多终端代码调用范例

说明:本代码为多终端代码调用范例。

<script src='//player.polyv.net/script/polyvplayer.min.js'></script>
<div id='plv_e785b2c81c9e018296671a1287e99615_e'></div>
<script>
var player = polyvObject('#plv_e785b2c81c9e018296671a1287e99615_e').videoPlayer({
'width':'600',
'height':'338',
'vid' : 'e785b2c81c9e018296671a1287e99615_e' ,
'forceH5':true
});
</script>

#plv_e785b2c81c9e018296671a1287e99615_e //为引用的容器
'width':'600' //播放器的宽度
'height':'338' //播放器的高度
'vid' : 'e785b2c81c9e018296671a1287e99615_e' //酷播云视频vid

'forceH5':true //注意代码中forceH5意思是将启用H5播放器来调用

查看演示使用教程

 


D3. 酷播云适配的范例

说明:本代码适配PC电脑端、手机端,您可以扫演示页面中的二维码进行观看。

提示:适配跟用户端自身页面写法有较大关系,不能适配、宽度超出等,大多是用户自身页面设定的因素引起,建议参考本范例。初步总结有如下几点需注意:

1. 页面中的viewport属性需要用户按自身的实际情况做考虑;

2. 播放器的宽度和高度,不能设为固定值,建议设为width: '100%',height: 0

查看演示

 


D4. 循环播放范例

说明:本代码使用的是纯html5播放器的调用形式,支持在PC电脑端的循环播放,移动端受限于系统本身的触发动作,可能不能实现循环播放。

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
autoplay:'true',
loop:'true',

width: '600',
height: 0,
vid: '88083abbf5f16507525894e5a997aeb2_8',
});
</script>

autoplay:'true' //是否自动播放
loop:'true' //是否循环播放

查看演示

 


D5. 酷播云当前页面弹出播放

说明:本代码适配PC电脑端、手机端。从应用效果来看,这种是在点击后才会加截播放器和缓冲视频,所以这种调用方式可以节省流量。

提示:应用效果是用户点击链接后,弹出一个窗口来播放视频。

查看演示

 


立即使用 获取使用帮助