• RSS
[HTML]videoタグでmp4動画を再生前に任意の画像を表示させる方法

HTML5のvideoタグでmp4の動画データを再生させる際に、再生ボタンを押すまでの間に表示させておく画像を、自由に変更する方法のご紹介です。
続きを読む

[JS]video タグの埋め込み動画をColorbox を使って再生する方法

前回の video タグでmp4 動画をサイトに埋め込む の方法で、video タグでmp4 動画を埋め込む方法を紹介させていただきましたが、今回は埋め込んだ動画をColorbox のインラインで表示(再生)させるカスタマイズのご紹介です。
続きを読む

[JS]IE8 でもvideo タグが使えるJSライブラリ「html5media.js」

video タグでmp4 動画をサイトに埋め込む方法 の記事でも紹介させていただきましたが、

video タグによる動画の埋め込みはWindows のIE8 だと非対応なので、今回は html5media.js というJavascript ライブラリを使ってIE6〜8 のブラウザでもvideo タグに対応させる方法を紹介させていただきます。
続きを読む

[Mac]mp4 動画をogg 形式に変換できる「Miro Video Converter」の使い方

前回の記事の方法で、HTML5 のvideo タグを使って、mp4 形式の動画をサイトに簡単に埋め込むことができるようになりました。

ただ、動画の形式がmp4 だけだとFirefox などでは再生されない問題があるため、他のogg Theora 形式に変換するなどの処理が必要になるのですが、今回は、ドラッグ&ドロップで簡単に操作できるMac の動画ファイル変換ツール「Miro Video Converter」を使って、mp4 形式の動画をogg などの形式へと簡単に変換する方法を紹介させていただきます。
続きを読む

[HTML]video タグでmp4 動画をサイトに埋め込む方法

HTML5 のvideo タグを使ってmp4 動画をサイトに埋め込む方法のご紹介です。

今回はvideo タグの基本的な使い方から、video タグをサポートする主要ブラウザと、それらブラウザ向けの動画再生方法などを中心に紹介させていただきます。
続きを読む