HPの作成方法　>>　このページ

---

MP4やYouTube　のページをサイトに表示させる

　　　

---

ＭＰ４埋め込みコード

<p><video src="ｘｘｘｘｘｘｘ.mp4" controls></video></p>

表示させるファイル名を　（xxxxxxx.mp4）　記述します

---

youtube 埋め込みコード　1のケース

<iframe width="664" height="400" src="https://www.youtube.com/embed/ユーチューブの11桁URL" frameborder="0" allowfullscreen></iframe>

サンプル

 

---

youtube 埋め込みコード　2のケース

 

<!-- custom_tags_start -->
<iframe width="664" height="400" src="http://www.youtube.com/embed/ユーチューブの11桁URL?rel" frameborder="0" allowfullscreen></iframe>

<!-- custom_tags_end -->

サンプル

 

---

youtube 埋め込みコード　3のケース　　　未設定

---

バックグラウンド画像(bg_img.jpg) の設定

cssの記述

ページの　head　に記述します
.youtube{
background:url(bg_img.jpg) no-repeat;
width: 900px;
height: 600px;
margin: 5px;
text-align: center;
padding: 15px 0 0;
}

 

<iframe width="664" height="400" src="https://www.youtube.com/embed/ユーチューブの11桁URL" frameborder="0" allowfullscreen></iframe>

サンプル

バックグラウンド画像のcss設定

.youtube{ background:url(bg_img.jpg) no-repeat; width: 900px; height: 600px; margin: 5px; text-align: center; padding: 15px 0 0; }

 

---

HPの作成方法　>>　このページ