平均読み取り時間:3分
こんにちは!EveryFineです!
今回は、ホームページにYouTube動画を貼り付ける方法をご紹介いたします!
動画のご活用を考えている方にご参考いただけましたら幸いです!
まず、YouTube動画をホームページに貼り付けるには埋め込みコードというものの取得が必要となりますので
埋め込みコードの取得方法をまずはご紹介させていただきます。
こちらで埋め込みコードの取得は完了です!
埋め込みコードを取得したあとは、実際にそのコードをホームページに貼り付ける作業が必要となります。
ホームページ内のここに貼り付けたい!という場所を選ぶ必要があります。
どんなところに貼り付けたらいいのか分からない!という方向けに
おすすめ動画貼り付け位置をご紹介させていただいておりますのでご参考ください。
「動画はホームページのここに置け!おすすめ貼り付け場所2選!」
https://everyfine.e-tenki.co.jp/tips/10105/
埋め込みたい場所が決まったら埋め込みたい場所のHTMLにコードを貼り付ける必要があります。
貼り付け先例
お持ちのホームページによってコードを貼り付ける場所がわかりにくい場合がございますので、
その際には下記お問い合わせよりお問い合わせください。
1 2 3 4 5 6 7 8 9 10 |
<div class=”video”>※ここに埋め込みコードを入れる※</div> ↓ (例) <div class=”video”> <iframe width="560" height="315" src="https://www.youtube.com/embed/SpLcg1bCagE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.video { position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } |
ホームページ内に動画を貼り付ける方法をご紹介させていただきました。
お手持ちの動画コンテンツを有効活用していただくご参考になれば幸いです。
動画の貼り付けについてご不明点がございましたら下記よりお問い合わせください。
お問い合わせはこちら
03-5459-4073
fines-help@e-tenki.co.jp
関連資料・記事
株式会社ファインズ
〒150-0002
東京都渋谷区渋谷2-12-15
日本薬学会長井記念館ビル6F
Mail:client-support@e-tenki.co.jp
ホームページ:https://e-tenki.co.jp/
情報発信サイト「Every Fine」:
https://everyfine.e-tenki.co.jp/