警告: 有効な `as` 値が必要です [重複] 質問する

警告: 有効な `as` 値が必要です [重複] 質問する

タグをrel="preload"使用してビデオ ファイルをアップロードしようとすると、Chrome コンソールに次のような警告が表示されます。<link><head>

<link rel=preload> must have a valid `as` value

私のタグは:

<link rel="preload" href="https://storage.googleapis.com/[myFilePath].mp4" as="video" type="video/mp4" media="(min-width: 768px)" crossorigin>

ベストアンサー1

この回答がすぐに古くなることを願っていますが、公式ドキュメントを見ると、(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/リンク)、Chrome と Safari の両方で「preload」がサポートされているかどうかは疑問です。私たち全員が目にする警告は、Chrome/Safari が「preload」タグを認識しているものの、「audio」(または使用しているもの) を「as」タグの有効な値として認識していないことが原因であると考えられます。

「preload」を「prefetch」に置き換えるという回答については、そうしないでください。実際、一般的なルールとして、私はどのような状況でも、異なる名前のタグ/変数/その他が同じであると想定することはありません。「Prefetch」はナビゲーションの準備としてリソースをロードしますが、「preload」は、何かがレンダリングされる前に、現在ナビゲートされているページにリソースをロードします。preload の詳細については、こちらをご覧ください。https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preload

おすすめ記事