演示平臺 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電腦端、手機端。從應用效果來看,這種是在點擊后才會加截播放器和緩沖視頻,所以這種調用方式可以節省流量。

提示:應用效果是用戶點擊鏈接后,彈出一個窗口來播放視頻。

查看演示

 


立即使用 獲取使用幫助

澳客网竞彩足球比分直