web屋の備忘録

ホームページ制作、webマーケティング、技術資料など

*

youtubeのタイトルバーとコントロールバーを非表示にする方法

   

youtubeのデフォルトの設定では、
下図のように「タイトルバー」と「コントロールバー」が
表示されます。

スクリーンショット 2016-03-04 15.59.39

 

この表示を、非表示にする方法がありますので、
紹介します。

以下のyoutubeのソースコードを例にすると

<iframe width=”640″ height=”360″ src=”https://www.youtube.com/embed/dEpbxS3twGk?rel=0” frameborder=”0″ allowfullscreen></iframe>

の、「https://www.youtube.com/embed/dEpbxS3twGk?rel=0」の部分に注目して、
「?rel=0」の部分を
「?controls=0&showinfo=0&rel=0」
と変更します。

「controls=0」は、コントロールバーを消すコード、
「showinfo=0」は、タイトルバーを消すコードです。

このように、タイトルバーとコントロールバーは非表示になります。↓
スクリーンショット 2016-03-04 16.08.55

再生終了で関連動画などが表示されなくなるので、
セミナー動画や、ランディングページなどに動画を埋め込むときに、
使うと便利かもしれません。

 - HTML・CSS