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

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

UIのインスピレーションに最適な「UXPorn」

UIデザインのインスピレーションで溢れてる「UXPorn」

サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。 UIをつ

記事を読む

レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+

サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示で

記事を読む

月額ゼロ円(無料)でホームページ・ECサイトを制作・運営できるサービス12

ホームページ制作を生業としているものにとっては、穏やかではないのが「無料でホームページを制作できてし

記事を読む

商用利用可能な高品質動画を毎月送ってくれる「Fancy Footage Club」

商用利用可能な写真サイトが増えていますが、動画でも商用利用可能なものを配布しているサイトがあるのをご

記事を読む

CSSを丸裸にして見やすく統計的に整理してくれる「CSS STATS」

サイトのCSSを解析してくれるサービスってたくさんありますが、項目ごとに見やすくまとめてくれて、活用

記事を読む

無料地図製作ツールの決定版!? 日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」

無料地図製作ツールの決定版!? 日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」

無料地図製作ツールの決定版!?ともいえる日本をはじめとする世界各国の地図をカスタマイズしてSVG,H

記事を読む

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

YouTubeやViemoなどの動画、あるいはGoogleMapsをコピペだけでレスポンシブ化できて

記事を読む

CSSアニメーションでここまでできる!無料のCSSアニメーションコードサンプル

CSSアニメーションでここまでできる!無料のCSSアニメーションコードサンプル23

CSSアニメーションだけで、こんなこともできてしまうというコードサンプルをご紹介します。 掲載され

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む