個別記事のページです

2015年12月29日(火)
このエントリーをはてなブックマークに追加

Youtubeの動画をホームページに埋め込む方法


今回はYoutubeの動画をホームページに埋め込む方法をご紹介します。

まず、埋め込みたい動画のページに行きます。
mango.png

画面下の「共有」ボタンを押します。下図のような部分が表示されます。
mango-2.png
赤枠で囲った埋め込みコードをクリックします。するとテキストエリアにコードが表示されます。

<iframe width="560" height="315" src="https://www.youtube.com/embed/0RYion1T-uk" frameborder="0" allowfullscreen></iframe>

これを好きな場所にコピペするだけで動画を埋め込むことができます。

width="○○""・・・横幅を設定できます
height="△△"・・・縦幅を設定できます

frameborder="0"・・・周囲に枠線をつけない
frameborder="1"・・・周囲に枠線をつける 「1」にすると外周に1pxの線が表示されます。

mango-3.png

このように簡単にホームページに動画を埋め込むことができますので、ぜひご活用ください。

書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識
過度な営業は一切しておりません。
お問合せ