HTML5で背景全面に動画を流してインパクトのあるページを作る | システム開発とホームページ作成のビットウィン(日本橋) StaffBlog2013.06.13 全面動画のWebページってどう作れば簡単かな？と思ったので、ちょっとテストページを作ってみました。 → 全面動画サンプルページ 再生する動画を用意する 動画の再生は、HTML5のvideo要素を利用するので、動画形式は、ChromeやSafari用にMP4。FirefoxとOpera用にOGV形式を用意します。コンバートソフトはXMedia Recodeなどを利用すると良いと思います。 今回のテストで使用した動画は、「NHKクリエイティブ・ライブラリー」さんが提供している動画です。(素材動画提供 NHKクリエイティブ・ライブラリー 様) ドットパターン用の画像を作成する Webページに動画を表示させるためには、できるだけ軽量なファイルにすることが望ましいです。しかし、大きなモニタに全面表示した軽量ファイルは、表示品質がとても低く粗さが目立ちます。 そこで、動画の表示劣
新着記事
