WEBクリエイター兼カメラマンのmasaharu.kです。ノーマルなスライダーに飽きてきましたシリーズ４回目。動画組み込むとファイルサイズ大きくなって、アクセス時のスピード落ちてSEO的にも・・・と思っていましたが、スマホで簡単に動画が撮れる時代ですし、ニーズも多いので、youtubeの埋め込みでなくて、動画の必要な部分だけ切り取って html5のvideoタグで埋め込んでみました。
まずスマホで撮ったままではwebブラウザで再生できるファイル形式にはならないので、avidemuxというフリーソフトで変換・切り取りしています。
今回も実家近くを走る阪和線の青い電車そろそろなくなるとの噂で、通勤時に撮っていた動画を素材に活用してみました。
もちろん、このページもフレキシブル対応にしています。スマホ用cssまだ書いていないけど、フレキシブルでそこそこ見れるんじゃないかなぁ・・

●あとがき●
さぁ出来たと思ったけどサーバーアップ出来ない、よくよく調べてみるとこのサーバー1ファイル3MBに制限されているらしい、avidemuxのフィルター機能使って画像サイズ小さくして　ギリギリ3MBにしてアップ完了しました。