jw player 6.7，當玩家變成全屏時更改徽標圖像

Question

當玩家大小恢復時，我想放大徽標，當玩家轉爲全屏並將其變回小。我可以想到以下方法：

1. 檢測全屏事件並更改徽標圖像的URL。
2. 圖像尺寸的尺寸會根據玩家負載情況用css進行修改，檢測全屏幕事件並更改圖像的大小（使用任何css）並在玩家恢復時再次更改大小。

我歡迎任何建議和任何方法，只要它是可行的。因爲我絕對必須完成這件事。

注意：該方法應適用於所有主流瀏覽器。

Answer 1

注意：以下解決方案將在播放器的JW7 +版本中運行。我強烈建議將您的播放器升級到版本7.

JW Player css蒙皮模型內置一個標誌，用於檢測玩家何時處於全屏模式：.jw-flag-fullscreen。使用該標誌來定位徽標（.jw-logo），您將可以使用css調整圖像URL並更改它。以下是如何使用全屏標誌的示例。

.jw-flag-fullscreen .jw-logo { 
    background-image: url('logo.svg') !important; 
    background-size: 100px; 
    background-position: cover; 
    width: 100px !important; 
    height: 100px !important; 
} 

JS Fiddle example

你可以找到在JW播放器CSS剝皮參考更多信息。 https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/css-skinning/skins_reference/