お寿司か焼き肉食べたい

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

amp-youtube

youtubeの動画を表示させます。

プラグインの読み込み

amp-youtubeを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>

基本構文と動作

どんな書き方でどんな動きすんのかを簡単に。

<amp-youtube
    data-videoid="mGENRKrdoGY"
    layout="responsive"
    width="480" height="270">
</amp-youtube>

各種プロパティについて

autoplay ブラウザが自動再生を許可している場合のみ動作します。
  • 自動再生が開始される前に動画が自動的にミュートされます
  • ビデオが表示外にスクロールされると、ビデオは一時停止されます
  • ビデオがビューにスクロールされると、ビデオは再生を再開する
  • ユーザがビデオをタップすると、ビデオはミュートされない
  • ユーザがビデオとやりとりした場合(例えば、ミュート/ミュート解除、一時停止/再開など)、ビデオがスクロールまたはスクロールされた場合、ビデオの状態は、ユーザが放置したままである。たとえば、ユーザーがビデオを一時停止してからビデオをスクロールしてビデオに戻すと、ビデオは一時停止します。
data-videoid 動画IDを指定します。
data-param-* YouTube iframe srcにクエリパラメータとして追加されます。これは、コントロールを表示するかどうかなど、YouTubeプラグインにカスタム値を渡すために使用できます。