シリウス2でユーチューブ動画/マップを埋め込む方法

シリウス2でユーチューブ動画/マップを埋め込む方法

シリウス2の使い方動画解説

ユーチューブ動画やグーグルマップを埋め込む方法

動画やグーグルマップをスマホ、アイフォンに最適化させる

シリウス2で作成するサイトにユーチューブ動画やグーグルマップを埋め込む場合もiPhoneやスマートフォンで最適表示させる必要があります。作成画面のコマンド「メディア」からも挿入できますが、埋め込み用タグを「カスタム」に登録しておけば、より簡単に表示させる事が出来ます。

 

この動画は9分です。

 

グーグルマップ埋め込み用タグ

※ 携帯端末で動画やマップを最適化させるタグ。

<div class="gmap-wrap">
<div class="gmap-box">

 

---動画/マップ埋め込みコード iframe HTML---

 

</div>
</div>

  • 上記タグで「動画/マップ埋め込みコード」を囲うと携帯端末最適表示されます。

 

サイト作成画面ツール[カスタム]登録用

<div class="gmap-wrap"><div class="gmap-box"></div></div>

 

ユーチューブで他チャンネルの関連動画を表示させないコマンド

?controls=1&rel=0

  • ユーチューブ埋め込みiframeのユーチューブURLの最後に記述。
  • カスタムに登録しておくと便利に使えます。

カスタムに登録する場合は上記タグを開始タグの部分に貼り付けます。終了タグは何も記述しなくても機能します。ユーチューブのURLの最後にカーソルを入れ、カスタムを利用して記述すると便利です。

 

グーグルマップ

東京ディズニーランド

 

ユーチューブ動画

他チャンネル関連動画非表示

 

 
動画で使用の [サンプルサイト]
シリウス２を今すぐはじめる

チャンネル登録 Please click

ユーチューブチャンネル登録

 

チャンネル登録をして頂きますとホームページ作成に役に立つ最新動画のアップロードをお知らせします。