MENU

YouTubeの動画貼り付け方法

貼り付けサンプル

手順

1 YouTubeで目的の動画を開きます。

2 共有ボタンを押します。

3 埋め込みのタグをコピーします。


 

4 コピーしたタグの上下に専用タグではさみます。

上下のタグ
<div class="youtubewrapper youtubewrapper-w80">
<!-- コピーしたYouTubeからのタグ -->
<iframe>~</iframe> 
</div>

完成したタグ

<div class="youtubewrapper youtubewrapper-w80">
<!-- コピーしたYouTubeからのタグ -->
<iframe width="560" height="315" src="https://www.youtube.com/embed/GXySzB2nFEE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>

1行目「youtubewrapper-w80」部分を別のテキストに変更する事によりPC閲覧時の動画の大きさが変更出来ます。
w50
w60
w70
w80
w90
100の場合には youtubewrapper-w80を消してください。
 

5 完成したテキストを見出しに貼り付けます。