YouTubeの埋め込み 

 サイトに埋め込むのは youtubeを表示再生して共有ボタンから埋め込みます。スマホやタブレットで横向きや縦向きに表示させるため100%にします。

 スタイルシート (css)を追加して本文の html にも追加します。


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

table{
width:100%;
table-layout: fixed;

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
}

● このコードはグーグルマップとYoutubeと 四角の表と フェイスブックの埋め込みがまとまっています。

 youtubeだけの場合は赤い文字をコピーしてcssに追加してください。

[theme]-[ omotenashi ]-[css ]-[style.css]の最後の部分に追加する

 

スタイルシートを追加する
スタイルシートを追加する

 

 赤いところを追加

 <div class="youtube2"><iframe width="560" height="315" src="https://www.youtube.com/embed/8tocd8xkzN8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>

 

-