HTML リファレンスマニュアル

HTML タグ一覧

HTML: <video> preload 属性

<video> preload 属性の使用方法、ブラウザの互換性、構文定義及びその属性値の詳細情報などをオンラインサンプルで説明します。

オンラインサンプル

ページが開かれたときにビデオをロードしない：

例

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>基础教程网(oldtoolbag.com)</title>　
</head>
<body>
<video controls preload="none">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　お使いのブラウザはvideoタグをサポートしていません。
</video>
</body>
</html>

テストして見て ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer以外のすべての主要ブラウザは preload 属性をサポートしています。

定義と使用法

preload属性は、ページが読み込まれた時に作者がどのようにしてビデオを読み込むべきかを指定します。
preload属性は、作者がブラウザに提供する情報を/彼女は最も良いユーザーエクスペリエンスを提供するために必要なヒントを考えると述べています。特定の状況では、この属性を無視することができます。
注意：autoplay機能が存在する場合、preload属性は無視されます。この属性は、場合によっては無視できます。

HTML 4.01 と HTML5の間の違い

<video> タグは HTML5 新しいタグ。

構文

<video preload="auto|metadata|none">

属性値

値	説明
auto	ページが読み込まれた後にオーディオを読み始めるように指示/ビデオ。
metadata	ページが読み込まれた後にオーディオのみを読み込むように指示/ビデオのメタデータ。
none	ページが読み込まれた後にオーディオを読み込まないように指示/ビデオ。

　HTML <video> タグ

HTML: <template> タグ