3300.me

youtube_video / YouTube動画の埋め込みとよく使うパラメータ

last update: 2013/01/30
<iframe src="http://www.youtube.com/embed/-K0q7gU1TWI?rel=0&vq=hd720&autoplay=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>

<!--
・-K0q7gU1TWI : YouTube動画ID(動画URLの「watch?v=」のあとの文字列)
・rel=0 : 再生後の関連動画表示OFF
・vq=hd720 : HD再生ON
・autoplay=0 : 自動再生OFF(表記しなくてもOFF。値が1ならON、但しiOSはautoplayをサポートしないので、どうしても自動再生したければ YouTube iframe API を使う必要がある)
・wmode=transparent : 動画の上に画像を重ねる場合、ie7,8,9で必要
・iframeのwidthとheightはここではcssで指定しているが、iframeタグのプロパティとして「width="???" height="???"」でもよい。
-->

動作確認済:ie7,8,9、chrome、firefox、safari、iOS5(iPad)、iOS6(iPhone5)、Android4.0(SP/Tablet)、Windows Phone 7、BlackBerry 7