YouTube動画を貼り付ける機会があったので、自分用にメモを残しておく
Window幅に合わせて可変するように貼り付け
HTML
<div class=”video-container”>
<iframe src=”http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0″ width=”800″ height=”450″ frameborder=”0″></iframe>
</div>
CSS
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
YouTube動画設定
関連動画非表示
動画ID?rel=0
関連動画表示(デフォルト)
動画ID?rel=1
全画面再生非表示
動画ID?fs=0
全画面再生表示(デフォルト)
動画ID?fs=1
全画面再生非表示(デフォルト)
動画ID?fs=0
全画面再生表示
動画ID?fs=1
HD再生しない
動画ID?hd=0
HD再生する(デフォルト)
動画ID?hd=1
自動再生しない(デフォルト)
動画ID?autoplay=0
自動再生する
動画ID?autoplay=1
自動再生しない(デフォルト)
動画ID?autoplay=0
自動再生する
動画ID?autoplay=1
ループ再生しない(デフォルト)
動画ID?loop=0
ループ再生する
動画ID?loop=1
キー操作有効(デフォルト)
動画ID?disablekb=0
キー操作無効
動画ID?disablekb=1
コントロールバーの色設定
動画ID?color1=0x402061&color2=0x9461ca
枠線あり
動画ID?color1=0x402061&color2=0x9461ca&border=1
動画情報表示(デフォルト)
動画ID?showinfo=1
動画情報非表示
動画ID?showinfo=0
動画アノテーション表示(デフォルト)
動画ID?iv_load_policy=1
動画アノテーション非表示
動画ID?iv_load_policy=3