iOS での動画のインライン再生

広告の成果を高め、ユーザーの操作を妨げないよう、Google アドマネージャーではインバナー動画に playsinline 属性を設定することが要件とされています。この属性は、インバナー動画クリエイティブがユーザーの操作なしで全画面に表示されないようにするためのものです。

2019 年 6 月より、playsinline 属性が設定されていないインバナー動画の HTML5 クリエイティブは、ディスプレイ＆ビデオ 360 のオークションから除外されます。クリエイティブが入札から除外されないようにするには、インバナー動画でインライン再生を必ず有効にしてください。

注: webkit-playsinline 属性はサポートされていません。playsinline 属性のみを使用してください。

インライン再生を有効にする方法

Google Web Designer

2019 年 3 月 14 日以降、Google Web Designer（バージョン 5.0.4.0226）で作成したクリエイティブには、必須属性の playsinline が自動的に追加されます。この日付より前に作成したクリエイティブは、最新バージョンに更新した Web Designer で開いて再度公開すると属性が追加されます。

HTML

HTML のすべての動画要素に playsinline 属性を追加します。Boolean 要素である playsinline 属性を追加することで、この属性を true に設定したことになります。

<video id="video1" controls="controls" poster="image.jpg" playsinline>

         <source type="video/mp4" src="video.mp4" />

         <source type="video/ogg" src="video.ogg" />

         <source type="video/webm" src="video.webm" />

      </video>

YouTube プレーヤー

Google Web Designer で YouTube プレーヤーを使用している場合は、上記の Web Designer の手順に沿ってクリエイティブを更新します（更新が必要な場合）。

YouTube Player API を使用している場合は、playsinline プレーヤーパラメータを追加します。

<iframe id="ytplayer" type="text/html" width="720" height="405"

      src="https://www.youtube.com/embed/M7lc1UVf-VE?playsinline=1"

      frameborder="0" allowfullscreen>

この情報は役に立ちましたか？

改善できる点がありましたらお聞かせください。