このサンプルは、YouTubeの動画のサムネイルを表示します。サムネイルをクリックすると新規ウィンドウに動画が表示されます。Webページに複数の動画を表示させたいときに利用すると便利です。
YouTubeのサムナイルの表示するには、img要素のsrc属性に
「img.youtube.com/vi/{v}/default.jpg」を設定します。{v}は、jp.youtube.com/watch?v=のクエリ文字列に設定されているビデオIDです。
<a href="http://jp.youtube.com/watch?v=6G1w0kYHiSg" target="_blank">
<img border="0"
src="http://img.youtube.com/vi/6G1w0kYHiSg/default.jpg"
alt="平原綾香 明日" />
</a>
このサンプルは、YouTubeの動画のサムネイルを表示します。サムネイルをクリックすると新規ウィンドウに動画が表示されます。Webページに複数の動画を表示させたいときに利用すると便利です。
YouTubeのサムナイルの表示するには、img要素のsrc属性に
「img.youtube.com/vi/{v}/default.jpg」を設定します。{v}は、jp.youtube.com/watch?v=のクエリ文字列に設定されているビデオIDです。
<a href="http://jp.youtube.com/watch?v=6G1w0kYHiSg" target="_blank">
<img border="0"
src="http://img.youtube.com/vi/6G1w0kYHiSg/default.jpg"
alt="平原綾香 明日" />
</a>