videoタグで再生ボタンが押されるまで動画を読み込ませたくない

Question

前提・実現したいこと

ページ速度を遅めずに、動画を埋め込みたい。

発生している問題・エラーメッセージ

videoタグに「preload="none"」を指定しているのに、
ブラウザの検証ツールのネットワークタブを開くと、
動画関連のデータが再生ボタンを押していないのに読み込まれてしまっている。

該当のソースコード

<video src="building.mp4" controls="true"　preload="none"></video>

試したこと

googleで調べたり
stackoverflowのサイトなどで英語で同じ事象を調べたりした。

理想

現実

補足情報（FW/ツールのバージョンなど）

mac safariバージョン15.0

Answer 1

<video>: 動画埋め込み要素 - HTML: HyperText Markup Language | MDN

注：

・autoplay 属性は preload より優先します。autoplay を指定すると、言うまでもなくブラウザーは映像を再生するためにダウンロードを始めなければなりません。
・仕様書は、ブラウザーがこの属性の値に従うことを強制していません。これは単なるヒントです。

とある通り、ブラウザが、その仕様（preload）に従っているとは限りません。

Safariにおいて実装するなら、
JavaScriptによって、動的に読み込むなどをする必要があるかと。

Comments

[kjshdfiuasye]

ご回答ありがとうございます。動的に埋め込んで対処しようと思います。