comogomo

Web用動画形式に変換する方法 – videoタグ用 [Vol.4]


videotag

動画撮影機材は欲しくなったらきりがありませんが、
とりあえずある程度の撮影環境が整ったので、今度はWebサイトに動画を埋め込むために、
動画ファイルを変換する方法について記載いたします。

 

一眼レフなどで撮影した画像ファイル形式はmovなどになっているかと思われますが、
ここからhtml5のvideoタグに対応した形式に変換が必要です。

 

ひとまず、adobeさんのpremireなどで動画の編集を終わったとします。

 

html5のvideoタグでは、ブラウザごとに読み込めるファイル形式が異なります。
.mp4 .ogv .webmの3種類。

 

これに簡単に変換してくれる無料のソフトがあります。
MiroVideoConverterです。(Mac)
http://www.mirovideoconverter.com/

 

使い方もいたってシンプル。

 

編集後のmp4ファイルすら、圧縮してくれる素敵なソフトです。

 

videotag_2

 

上記3ファイル形式の動画データに変換後
Videoタグで埋め込めばOK。ほら素敵なWebサイトに。
http://knap.jp/

 

最後に忘れてはいけないのは、一部のスマホはそもそもvideoタグでは再生できませんので、代替画像を用意してください。(ベストは動画からgifアニメを作成)。

 

最近海外では、一眼レンズをiphoneにとりつけられるガジェットがなんと2万円台で発売。
海外のテレビ局はiphone撮影が主流らしいので、撮影もますますお手軽に。
http://iphone-mania.jp/news-104065/

 

弊社では、動画撮影をサイト制作のオプションで格安で提供中ですので、
ぜひお問い合わせください!
http://knap.jp/

 

宣伝でした。