スマフォサイト作成 '2015

  • 投稿日:
  • by
  • カテゴリ:

昨年から休止していたスマートフォンサイトの作成を再開した。
"ダムin栃木 スマフォ"の更新が主である。
今までは深山ダムと湯西川ダムの2ヶ所の紹介だったが、今年に入って中禅寺ダム・川俣ダム・川治ダム・五十里ダムの4ケ所をUPしてみました。
新しく各ダム施設で発行されたダムカードも載せてみました。
また、今まで撮ったダム施設の動画も載せることにしました。(川治ダムと川俣ダムは紹介済)
動画をスマフォサイトに載せる手法があまり分からなかったので今まで載せることが出来ませんでした。(PCサイトでは紹介済)
スマフォへの動画のUP方法を私なりに紹介してみたいと思います。
1、動画をyoutubeにアップロードする。
  youtubeにログインしてマイチャンネルにアクセスする。(まずはアカウントを作成
  そして撮った動画をアップロード。
  ここで、撮った動画が手振れなどを起こしていた場合は動画加工ツールで手振れを補正する。(その他いろいろと加工することが出来ますので便利)
2、動画情報からUPした動画のURLを確認しておく。
3、スマフォサイズに合わせるためには動画の埋め込みコードをレスポンシブ用に変換する必要があります。
  そこで、スマフォ用に最適化するためembedresponsively.comのサービスを利用します。(下の画像)
 

  embed    

4、embedresponsively.comを利用してスマフォへの埋め込みコードを最適化します。
  これを利用するとそれぞれの端末のデバイスにあわせて最適化してくれます。
  利用するには、上の画像の囲まれた中にyoutubeで作成したURLを入れると埋め込み用のコードが発行されます。
5、BlueGriffonなどのWebEditorで作成したスマフォサイトにこのコードを埋め込めば完了です。
  因みに、私は無料で利用できるBlueGriffonを愛用しています。お試しあれ?
  ※ 参考サイト 微動画ナビ
下は、スマフォサイトに載せた川俣ダムの動画です。
MySite "ダムin栃木 スマフォ" (スマートフォンで見てください)

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 写真ブログ デジタル一眼(Nikon)へ にほんブログ村 IT技術ブログ Webサイト構築へ