お寿司か焼き肉食べたい

まじめな事からしょーもない事まで
めにゅーを開く(投げやり)

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タグ 字幕用のデータを指定できます。