0

背景として html5 ビデオ タグを使用する Web サイトに取り組んでいます。
サイトの素晴らしい例

ご覧のとおり、ビデオはかなり重いので、プリロードしたいと思います。ただし、次のようにプリロードするだけではありません。

<video id="video_background" controls="controls" preload="auto" loop> 

これは「自動再生」機能と互換性がないためです。これは背景であるため、ユーザーの入力なしで開始したいと考えています。

私が探しているのは、すべてのビデオ div を完全にロードすると「入力」ボタンのようなものを表示する、カスタマイズ可能なプリロード gif を含むランディング ページを作成するある種のプラグインです。

ここに素晴らしい例がありますが、唯一の欠点は次のとおりです。画像のみをロードします..
例の素晴らしい例

前もって感謝します!

4

1 に答える 1

1

video背景要素にポスター画像を設定してみませんか?

<video id="video_background" controls preload="auto" poster="video_background.jpg" autoplay>
...
</video>

ブラウザはできるだけ早くビデオの再生を開始するため、プリローダーは必要ありません。

または、背景画像を設定して動画の読み込みを開始し (サイトで既に使用されている場合は JavaScript または jQuery を使用)、ステータスが「再生開始可能」に似ている場合は、画像を非表示にして代わりに動画を追加します。

于 2013-03-06T14:51:36.237 に答える