播放器Logo設定

更新時間：2023-12-09 15:34:06

Logo是企業形象的符號化體現，設定播放器Logo便於觀眾對企業品牌的識別、記憶，從而有效幫助企業品牌的樹立和傳播。

保利威雲點播平台支援透過以下兩種方式來設定播放器Logo：

方式一：透過點播管理後台設定

登入雲點播管理後台，點選 【播放器】 → 選擇已建立的播放器（或新建播放器）→ 【修改】，進入播放器設定頁面。
在播放器Logo欄中，進行自訂設定。您可以：
- 上傳一張圖片作為播放器Logo
- 查看目前Logo圖片
- 為Logo加入連結位址，點選跳轉到指定頁面
- 設定Logo不透明度和顯示位置

點選這裡查看影片教學

方式二：透過播放器參數設定

除了在管理後台設定播放器Logo以外，您還可以透過播放器參數進行更靈活的控制。當管理後台和播放器參數都設定時，以播放器參數為準。

Logo參數設定的程式碼範例如下：

<div id="player"></div>
<script src="//player.polyv.net/resp/vod-player/latest/player.js"></script>
<script>
var player = polyvPlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    vid: '88083abbf5bcf1356e05d39666be527a_8',   
    logo: {
      logo_width: 200, //Logo宽 默认 'auto'
      logo_height: 'auto', //Logo高 默认 'auto'
      logo_url: 'http://www.polyv.net/test.png', // Logo图片URL
      logo_pos: 2, //Logo显示位置，取值范围为：{0,1,2,3,4}，分别代表：隐藏、左上、右上、左下、右下
      logo_link: 'http://www.polyv.net/', // 点击Logo的跳转链接 (选填)
      logo_alpha: 50, //Logo透明度，取值范围：(0,100)
      logoOffset: '40,50',//Logo偏移量，单位：百分比。坐标原点为播放器左上角，只在Logo位置为左上、右上时生效
      logo_resize: true //默认值为false，为true时会根据播放器窗口大小动态调整Logo的尺寸，若设置了logo宽高则该参数不生效
   }
});
</script>

說明：

Logo圖片支援的格式有：jpeg、png、gif，為了更好的顯示效果，建議使用png格式的圖片。
Logo圖片尺寸小於200*200時會顯示原始尺寸，大於200*200像素時會被等比縮放。
Logo與浮水印的實現機制不同：
1. Logo是將圖片加入到播放器視窗，不會對影片原始檔案產生影響。Logo可隨時更換、調整顯示位置或關閉。
2. 浮水印是在影片轉碼時將圖片「壓」進影片串流中，成為了影片的一部分。修改浮水印設定只對新上傳的影片生效，不能對已發布影片的浮水印做任何修改。
行動端H5播放器由於系統或瀏覽器限制，在部分情況下無法顯示Logo：
- iOS裝置在全螢幕播放影片時，會強制使用系統播放器，此時無法顯示播放器Logo。
- Android裝置下大多數的國內瀏覽器廠商都會在影片播放時挾持<video>標籤，由瀏覽器內建播放器播放影片（且影片層級最高無法疊加頁面元素），這種情況下也無法顯示播放器Logo。