個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」をご紹介します。 作成者した

記事を読む

プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18

プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい

記事を読む

無料のファイル転送ツールの決定版?容量無制限・件数無制限・ハイスピードの「Infinit」

ファイルを転送するとき、どんなツールを利用していますか? DropBoxやFireStorageな

記事を読む

ファイルのウイルス感染を無料でチェックできるオンラインセキュリティー

ファイルのウイルス・マルウエアを無料でスキャンできるオンラインサービス9

ファイルのウイルスやマルウエアを無料でスキャンできるオンラインサービスセキュリティーサービスをご紹介

記事を読む

レスポンシブWEBデザインなら導入したいレスポンシブ対応CSSフレームワーク35(〜2013年9月まで)

レスポンシブWEBデザインにますます注目が集まっているようです。 つい最近では、カラーミーショップ

記事を読む

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ

記事を読む

ブラウザがあればOK!コードを即実行・確認できるツール

ブラウザでプログラミング!ブラウザでコードが書けて実行・確認できるサービス14

ブラウザでコードが書けて実行・確認できるサービスをご紹介します。 サイトを実際に公開する前にテスト

記事を読む

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表25

海外サイトなどではよく目にするプライステーブル/価格表。 この価格表は、いうまでもなく、コンバージ

記事を読む

見ている人を魅了するcodrops作成のマウスオーバーエフェクト21

ユーザーを魅了するcodrops作成のマウスオーバーエフェクト21

CSS3対応のブラウザーが増えているおかげで、マウスオーバーエフェクトにも凝った演出を施しているサイ

記事を読む

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

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

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

記事を読む