Movatterモバイル変換


[0]ホーム

URL:


W3 Watch Reference - Web クリエイターのための HTML & CSS クイックリファレンスReference

サイト内検索

HTML Tag Reference

preload 属性

事前読み込みを指定

preload 属性はaudio 要素video 要素において、再生するファイルを事前に読み込んでおくかを指定します。この取り扱いはブラウザによりますので、確実に指定した通りの挙動となるかはわかりません。なお、autoplay 属性が同時に指定されている場合は、この属性の指定は無視されます。

preload 属性は列挙属性です。

属性値概要
none音声や動画が必ず再生されるとは限らない、または不必要トラフィックを避けたいといった意思をブラウザに伝えます。不要な読み込みを避けられるかもしれません。
metadataそのリソースのメタデータ(再生時間などの情報)だけは先に取得しておくことをブラウザに勧めます。
autoサーバのトラフィックなどは気にせず、閲覧者のニーズを優先してリソース全体をダウンロード開始してよいということをブラウザに伝えます。属性値が空の場合はこの扱いとなります。

preload 属性の仕様

この属性を使用できる要素

preload 属性のサンプルソース

<!-- audio 要素に指定した例 --><audio src="/sample.mp4" preload="none" controls="controls"> <p>  サンプルが視聴できます。ブラウザで再生できない場合は、下記からダウンロードしてご試聴ください。  <a href="/sample.mp3" type="audio/mp3">ファイルのダウンロードはこちら(MP3 / 1.2MB)</a> </p></audio>

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。

最新著書のご案内

できるポケット Web制作必携 HTML&CSS全事典 改訂4版

ロングセラー中。3度目の大幅改定となる改訂4版は 2024年12月24日 インプレスより発売。

コンパクトサイズの B6 判で、手元に置いておきやすい HTML / CSS のリファレンス本です。

Amazon で購入
アクセシビリティ対応、アクセシビリティガイドラインに準拠・配慮したウェブサイトの構築ならバーンワークス株式会社へ
詳しく見る

[8]ページ先頭

©2009-2025 Movatter.jp