ampにyoutubeの再生リストを張る方法

IT

最低限の記述

1.その1に一番最初に流す動画を指定する。yotubeのurlでv=〇〇〇〇の、〇〇〇〇の部分。
2.その2に再生リストを指定する。再生リストのURLで、PLから始まるlist=〇〇〇〇の、〇〇〇〇の部分。
3.その3、その4にそれぞれ幅と高さの数字を入れる。
———-
<amp-youtube
data-videoid=”その1”
data-param-listType=”playlist”
data-param-list=”その2”
width=”その3”
height=”その4”
>
</amp-youtube>
———-

ループさせる場合

4.その5に1を指定する。
———-
<amp-youtube
data-videoid=”その1”
data-param-listType=”playlist”
data-param-list=”その2”
data-param-loop=”その5”
width=”その3”
height=”その4”
layout=”responsive”>
</amp-youtube>
———-

サムネイルを指定する場合

5.その6に画像のパスを指定する。
———-
<amp-youtube
data-videoid=”その1”
data-param-listType=”playlist”
data-param-list=”その2”
data-param-loop=”その5”
width=”その3”
height=”その4”
layout=”responsive”>
<amp-img
src=”その6”
placeholder
layout=”fill”
/>
</amp-youtube>
———-

※その1にリストに含まれていない動画を指定した場合も再生された。この場合次に再生される動画は再生リストの2番目の動画になる。リストの中の動画を指定すると、2番目に再生されるのはリストの中でその次にある動画となった。
※その5を指定しないと再生リストの終わりまで再生され、止まる。
※layout=”responsive”が無くてもamptestではOKであった。

IT

Posted by むちごろう