保利威文档中心

幫助中心

影片與封面

更新時間: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檢測

線上執行DEMO JS RUN

联系客服,在线咨询