影片與封面
更新時間:2022-05-16 10:08:41
功能介紹
播放器影片播放與影片未開始播放前,自訂封面圖片。
功能API
參數:
| 參數名 | 類型 | 預設值 | 說明 |
|---|---|---|---|
| wrap | String / HTMLElement | 頁面上存在需要載入播放器的DOM元素或CSS選擇器 | |
| vid | String | 從 polyv 後台上傳的影片會產生一個影片唯一vid | |
| width | Number / String | 播放器的寬度 | |
| height | Number / String | 播放器的高度 | |
| url | String | 播放器自訂URL | |
| loading_bg_img | String | 封面圖片設定 |
參數設定範例
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
vid: 'e8888b74d1229efec6b4712e17cb6b7a_e',
});
方法:
| 方法名 | 參數 | 回傳值 | 說明 |
|---|---|---|---|
| j2s_getDuration | Number | 取得影片總時長 | |
| j2s_getCurrentTime | |||
| j2s_resumeVideo |
方法呼叫範例
player.j2s_getDuration(); // 540
事件:
| 事件名 | 回傳值 | 說明 |
|---|---|---|
| s2j_onPlayerInitOver | 播放器資料初始化完畢 | |
| s2j_onPlayStart | 播放器成功載入影片檔案並緩衝完成後,即將開始播放第1秒時觸發 | |
| s2j_onVideoPlay | 觸發播放事件 | |
| s2j_onVideoPause | 觸發暫停事件 | |
| s2j_onFullScreen | 觸發全螢幕事件 | |
| s2j_onNormalScreen | 觸發一般螢幕事件 |
事件監聽範例
player.on('s2j_onPlayerInitOver', function() {
console.info('播放器数据初始化完毕');
});
Tips:
- 若偵測到不相容的瀏覽器,例如IE10、IE9,會自動切換為Flash播放器
- 判斷PC瀏覽器是否支援H5可呼叫
player.isSupportHTML5檢測
