個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

HTML5ビデオにも対応できる無料動画変換ツール/コンバーター10

HTML5ビデオを利用したサイトも見かけるようになってきました。
今後はHTML5ビデオを利用する機会がいっそう増えていきそうです。
ところで、HTML5ビデオを利用するには、正しいフォーマット形式の動画ファイルを準備することが必要です。
具体的には、OGG, WebM, MP4の3種類になります。
今回はそんなOGG, WebM, MP4にも変更することができる便利な動画コンバーターをご紹介します。

Gfycat

gfycat
GIFアニメをHTML5ビデオに対応した動画に変換してくれるオンラインサービスです。
GIFアニメをアップロードすれば、すぐに変換してくれますので、変換が完了したら表示されている動画(.webm)を別名保存じて、利用するだけです。
コードを埋め込むことも可能です。
こちらのツールを利用することで、GIFアニメの容量を5分の1ぐらいにまで圧縮することができます。
Gfycat

Online-Convert.Com

online-convert
OGG, WebMに変換するほか、多様なファイル形式に変換してくれるオンラインサービスです。
サイズ、ビットレートなど、細かく設定できのが特長です。
Online-Convert.Com

Apowersoft Free Online Video Converter

apowersoft-free-online-video-converter
OGG, WebM, MP4に変換するほか、様々なファイル形式に変換してくれるオンラインサービス。
Apowersoft Free Online Video Converter

Easy HTML5 Video

easy-html5-video
ドラッグ&ドロップで、OGG, WebM, MP4に変換してくれるお手軽コンバーター。
タイトル画像にしたい場面を選択することもできます。
しかも、変換と同時に、html5ビデオを表示させるためのコードも生成してくれるので、ユーザーはそれをサイトに貼りつけるだけというお手軽さ。
Easy HTML5 Video

Miro Video Converter

miro-video-converter
OGG, WebM, MP4などのファイル形式や、iPhone, iPod, Androidなどの端末用に動画ファイルを変換できるフリーソフト。
画面サイズやアスペクト比を指定することもできます。
Miro Video Converter

Handbrake

handbrake
MP4に変換するフリーソフト。
変換できる形式は少ないですが、チャプターおよびタイトル単位でのコンバートできるのが特長です。
そのほか、字幕の表示もできたりします。
Handbrake

Freemake Video Converter

freemake-video-converter
OGG, WebM, MP4すべてに変換可能なほか、AVI, MKV, FLVなどの一般的な動画ファイル形式のほか、MP3やAACなどの音声ファイルといった幅広いフォーマットにも対応しています。
Windowsのみ対応。
Freemake Video Converter

Any Video Converter

any-video-converter
WebM, OGG, MP4への変換は当然ですが、その名のとおり、広範囲なフォーマットに変換できるコンバーター。
Any Video Converter

Sothink Video Converter

sothink-free-video-converter
WebM, OGG, MP4に変換するのはもちろん、HDフォーマットにも対応しています。
こちらも、コードを生成してくれます。
Windowsのみ対応。
Sothink Video Converter

Free HTML5 Video Player And Converter

free-html5-video-player-and-converter
MP4, OGVに変換するコンバーター。
コードも生成してくれます。
Windowsのみ対応。
Free HTML5 Video Player And Converter

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 3
  • 6

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

好きなアイコンだけを選んでオリジナルのアイコンフォントにできる無料のサービスをまとめてご紹介します。

記事を読む

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

HTML/CSS無料テーマテンプレートでハイクオリティーなものがありましたのでご紹介します。 これ

記事を読む

超簡単!CSSで上下左右センターにする方法

超簡単!CSSで上下左右センターにする方法

超簡単ですぐ実践できるCSSで上下左右センターにする方法をご紹介。 display:flexを使っ

記事を読む

トップ固定でレスポンシブ対応のナビゲーション/メニューを簡単に実装できる「Fixed Nav」

トップ固定で、レスポンシブ対応のナビゲーションが増えていますね。 これだけ増えてくると、トップ固定

記事を読む

レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」

レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」

Apple Watchがいよいよ発売になります。 ところで、あなたのレスポンシブ対応済みのサイトは

記事を読む

HTML5/レスポンシブ/フラットデザインの無料テンプレート50(2013年分)

以前「全部無料!レスポンシブWEBデザイン制作を驀進させるレスポンシブ対応テンプレート121」という

記事を読む

CSSの手入力が不要になる便利なCSSジェネレーター「ENJOY CSS」

CSSの手入力が不要になる!複数の機能が1つになったCSSジェネレーター「ENJOY CSS」

CSS3になってから便利なジェネレーターが次々に登場していますが、今回ご紹介するジェネレーターはひと

記事を読む

CSSグラデーションをとっても簡単に生成するツール「Gradientoo」

CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき

記事を読む

HTML/CSSをより見やすく!Google Chromeデベロッパーツールの機能拡張「SnappySnippet」が便利

HTML/CSSをより見やすく!Google Chromeデベロッパーツールの機能拡張「SnappySnippet」が便利

「このサイトのココどうやっているんだろう?」そう思ったとき、 ソースを見るか、Chromeのデベロ

記事を読む

レスポンシブWEBデザイン対応のメニューが作れるチュートリアル17(ソースファイル付き)

レスポンシブWEBデザインを行ううえで重要になってくるのがメニューをどのようにするかということではな

記事を読む