PCサイトをドラッグ&ドロップでスマホ対応!

  • ログイン
  • ユーザ登録

YouTubeの動画を挿入できるようになりました

2012年4月10日 | 森下 奈緒

シェアする

YouTubeの動画をスマホ変換ページに設置することができるようになりました。

ドラッグ&ドロップには対応しておりませんので、下記手順で設定をお願いします。
Google map対応と同じ手順となります。

1.Youtube動画のリンクURLを取得する。
http://www.youtube.com/のアップしたい動画URLにアクセスして埋め込みコードを取得します。

youtube埋め込みコード取得方法

  1. 「共有」をクリック
  2. 「埋め込みコード」をクリック
  3. 「カスタム」でwidthを設定。280px推奨。
  4. 「<iframe ~」で始まる埋め込みコードをコピー

2.shutto変換画面にHTMLを貼り付ける
HTML入力を行うため、「header」か「text」を挿入します。

youtubeをshuttoに貼付

挿入したhtml入力枠にコピーしたYouTubeの埋め込みコードを貼り付けます。

・見え方例
http://shutto.com/view/WZYEeZB

埋め込みコードのwidthを少し小さめにしても、スマートフォンではYouTube動画を画面サイズで見ることができます。
Google map対応と同じく、デバイスの表示横幅を超えたwidth設定がされている場合、iphoneでは端末幅に合わせて100%表示となりますが、Androidでは横幅をはみ出してしまいますのでご注意ください。

スマホ向け表示
株式会社イー・エージェンシー

〒100-0006 東京都千代田区有楽町1-9-4 蚕糸会館4階