amp-ima-video
IMA SDKと統合されたインストリーム動画広告用の動画プレーヤーを埋め込み ます
プラグインの読み込み
amp-ima-videoを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。
<script async custom-element="amp-ima-video" src="https://cdn.ampproject.org/v0/amp-ima-video-0.1.js"></script>
基本構文と動作
どんな書き方でどんな動きすんのかを。まず簡単なものを。
<amp-ima-video width=640 height=360 layout="responsive" data-tag="ads.xml" data-poster="poster.png"> <source src="foo.mp4" type="video/mp4"> <source src="foo.webm" type="video/webm"> <track label="English subtitles" kind="subtitles" srclang="en" src="subtitles.vtt"> <script type="application/json"> { "locale": "en", "numRedirects": 4 } </script> </amp-ima-video>
各種プロパティについて
data-tag必須 |
VAST広告ドキュメントのURL。相対URLまたはhttpsプロトコルを使用するURL。 広告用データ(例ではxmlファイルですね) |
---|---|
data-src |
動画用のパス表示場所 複数のフォーマットの動画を使用する場合は、この指定は不要 sourceタグを使用して複数書いてあげましょう |
data-poster | 動画表示前のサムネイルの指定を行うことができます。 |
trackタグ | 字幕用のデータを指定できます。 |
trackタグ | 字幕用のデータを指定できます。 |