AEMaaCS：モバイルデバイスが Dynamic Media ビデオに 2 つの「再生」ボタンを表示する

ビューアプリセット設定を変更して、カスタムのオーバーレイ再生ボタンを無効にし、ブラウザーのネイティブ再生ボタンのみが表示されるようにします。

1. AEMの Assets > ビューアプリセット に移動します。
2. 関連するビューアプリセットを編集します。
3. モバイルデバイスのカスタムオーバーレイコントロールに関連するオプションを無効にします。

ビデオプレーヤー初期化スクリプトが複数回実行され、重複した DOM 要素が作成される可能性があるかどうかを確認します。

1. ブラウザー開発者ツールを使用して、s7viewers.VideoViewer または類似の関数の呼び出しを監視します。
2. これらのスクリプトがトリガーされるタイミングと頻度を追跡する診断ログを追加します

ビューアプリセットに結び付けられた CSS ファイルとJavaScript ファイルが、環境間で一貫していることを確認します。

1. ブラウザーのネットワークツールを使用して、読み込まれたアセットを比較します。
2. 追加のスクリプトまたはスタイルによって、.s7iconeffect または関連するクラスが変更されないことを確認します。

問題が特定のユーザーのみに影響する場合は、ブラウザーのキャッシュをクリアするか、匿名/プライベートモードでテストします。

影響を受けるビデオアセットと更新されたビューアプリセットの両方を再公開して、キャッシュされているバージョンを置き換えます。

注意 : これはオプションの手順です。

モバイルデバイスに条件付き CSS ルールを適用して、カスタムオーバーレイを抑制できます。 用途：

@media (max-width: 767px) {
                .s7playbutton {
                    display: none !important;
                }
            }

実稼動環境にデプロイする前に、下位環境での変更を検証します。

1. シミュレータ/エミュレータの代わりに物理デバイスでテストします。
2. ページを複数回更新して、一貫した動作を確認します。