影片播放

直播/回放自動切換

設定 isAutoChange:true 參數即可實現，直播開始時播放直播串流，直播結束後，播放影片庫-直播暫存-第一個暫存檔案。（注意：暫存檔案有保存期限）

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    isAutoChange: true
});

直播間統計

設定統計相關資訊。在 POLYV-直播後台才會有直播/回放對應相關資訊的記錄。例如目前支援傳入觀眾 ID - param1、觀眾暱稱 - param2。

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    param1: 'user_polyv',
    param2: '昵称POLYV'
});

網頁全螢幕

直播播放器預設點擊全螢幕按鈕，是透過呼叫瀏覽器 API requestFullscreen 實現的系統全螢幕，全螢幕後一定會使用瀏覽器的預設控制列外觀。若在手機端 H5 播放，想實現類似 APP 的全螢幕+橫向效果。可以加入以下參數實現，實作方式是透過控制樣式 CSS 處理頁面旋轉，達到與 APP 類似的效果。

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    webPageFullScreen: true,
    fullScreenOrientation: 'landscape'
})

若 fullScreenOrientation 參數不為 landscape，僅設定 webPageFullScreen：true 參數，則點擊全螢幕按鈕不會進入系統全螢幕，需要搭配全螢幕進入/退出事件處理相關樣式。

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    webPageFullScreen: true,
    fullScreenOrientation: 'landscape'
})

player.on('s2j_onFullScreen', () => {
    console.info('点击进入全屏按钮，将播放器铺满当前网页');
})

player.on('s2j_onFullScreen', () => {
    console.info('点击退出全屏按钮，将播放器恢复原来大小');
})