大変解りやすいwebkenbeeさんの動画【てるみのTRY Jimdo】シリーズをお借りして、説明？します。

１−１）上のものは上の動画の中で、7:31までの説明の通りに埋め込んだもの。

１−２）下のものは、それを１６：９にしたもの。

２−１）上のものは上の動画で紹介している方法で、埋め込みコードをカスタムサイズではなく、表示されたそのままを埋め込んだもの。

２−２）下のものは、埋め込みコードをカスタムサイズにしたもの。このとき、横幅を最大にして表示するためのサイズを調べるには、１−２）にした場合の横幅でわかる。

上の動画の中で登場する『てるみのTRY Jimdo ! sampleページ』はコチラです。

http://siratama-sample02.jimdo.com/

最後に、おまけに動画の自動再生を説明します。

実はこれ、『てるみのTRY Jimdo ! sampleページ』の『YouTube設置テストのページ』を見て知りました。

埋め込みたい動画の埋め込みコードをYouTubeからコピペしたままのものがコレ↓です。

<iframe width="420" height="315" src="//www.youtube.com/embed/vCYk9CRx0g8?rel=0" frameborder="0" allowfullscreen=""></iframe>

それに、「&amp;autoplay=1」を書き加えます。

<iframe width="420" height="315" src="//www.youtube.com/embed/vCYk9CRx0g8?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen=""></iframe>

↑コレをHTMLの枠に貼り付ければ、自動再生の動画を埋め込むことが出来るというわけです。

そして、出来上がったのがコレ↓。勝手に音楽が鳴っていたのは、こういう訳でした。^_^;

余談ですが、この動画は1800万回以上も再生されているんですね。

びっくり！！！

追記

本日（5月6日）GWも終わるので、コレ↑のオートプレイはオフにしました。

その代わり、サイドに小さくして同じものを埋め込みました。

<iframe width="420" height="315" src="//www.youtube.com/embed/vCYk9CRx0g8?rel=0&amp;autoplay=0" frameborder="0" allowfullscreen=""></iframe>

※行田彰さんからのご指摘をいただいて、サイドに埋め込んだものも、オートプレイはオフにしました。オフにしなくても再生を一時停止すれば済むものとも思いましたが、一旦、一時停止にしても、他のページに移動するとまた初めからの自動再生となってしまうことから、BGMとしてはオフにした方が良いのかなと判断しました。

コメントをお寄せくださった行田彰さん、ありがとうございました。