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

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

CCSだけで見出しに自動で連番を記入する方法

当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま

記事を読む

よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル

よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル

初心者のためのCSS3 transition(トランジション)とtransform(トランスフォーム

記事を読む

今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション

ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい

記事を読む

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

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

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

記事を読む

YouTube動画を簡単にGIFアニメーションにできる「ギフチューブ」

YouTube動画を簡単に手早くGIFアニメーション化!「ギフチューブ」

MP4動画が注目を浴びていますが、GIFアニメーションの持つ利便性や味わいも捨てがたいですよね。

記事を読む

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

CSSだけで表現されているのに、信じられないほど美しいサイト「In Pieces」をご紹介します。

記事を読む

Gmailを無料で便利に!「開封確認」「スケジュール送信」ができる機能拡張「myHero Toolbox」

Gmailを利用しています。 本当に便利なGmailですが、できるなら「既読通知/開封確認」「スケ

記事を読む

HTMLメールの無料テンプレートをお探しなら「無料で利用できるオープンソースなHTMLメールテンプレートコレクションサイト」

HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」

HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール

記事を読む

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニ

記事を読む

レスポンシブ対応のコンテンツスライダー/スライドショーベスト8

以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+」

記事を読む