私のクライアントは、サイト全体のビデオ背景として mp4 ビデオを使用したいと考えています。別のページに移動したときにビデオがリロードされることを望んでいないため、CMS で機能することを確認するのは、すでにピタです。
彼らが私に送ったファイルは1080pで約です。サイズは 100MB で、長さは 2 分です。
ビデオのサイズを変更/サイズ変更して、html5 Web サイトでビデオの背景として使用する方法はありますか?
ユーザーフレンドリーではなく、帯域幅を浪費し、開発コストが確実に増加することをクライアントに伝える必要があります。
当事務所では原則としてFlashサイトの構築は行っておりませんので、お受けできません。
<video>そのビデオを再生し、AJAX を介して残りのナビゲーションを行うために、html5 タグを使用できます。
ただし、Opera などの h264 をサポートしていないブラウザーには、別のビデオ形式を提供する必要があります。代わりにwebmをお勧めします。
ビデオのサイズを縮小する必要があります。品質と解像度の両方で推測します。
html5 以前のブラウザの場合は、静止画像をお勧めします ;)
全体として: クロスブラウザー互換のソリューションは PITA になります。最新のブラウザーには、このようなソリューションを可能にする技術があります。可能だと思いますが、ブラウザに互換性がないか、CPU が遅すぎるユーザーの 5% までにフォールバックを提供する必要があります。
ブラウザの互換性を実現するには、ビデオを Ogg Theora にも変換する必要があります (これによりサイズが小さくなりますが、WebKit/Mozilla でのみ再生されます)。HTML5 ビデオはバッファリングをサポートしていますが、ブラウザによって方法が異なります。たとえば、WebKit はビデオ全体を事前バッファリングしようとします。IE は一度に固定サイズのチャンクを事前バッファリングします。したがって、これはブラウザ間で異なる動作をします。
ウェブサイトの全画面ビデオ: www.gossdekort.com のソース コードを見てください。ビデオの上にメニューを追加することもできます。