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 PlayerのCSSスキニングリファレンスの詳細情報を見つけることができます。 https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/css-skinning/skins_reference/