`
wjlgryx
  • 浏览: 306810 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML 5 <video> preload 属性

阅读更多

设置为预加载的 video 元素:

<video controls="controls" preload="auto">
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>

亲自试一试

定义和用法

preload 属性规定是否在页面加载后载入视频。

如果设置了 autoplay 属性,则忽略该属性。

HTML 4.01 与 HTML 5 之间的差异

preload 属性是 HTML 5 中的新属性。

语法

<video preload="load" />
属性值 值 描述
load

规定是否预加载视频。

可能的值:

  • auto - 当页面加载后载入整个视频
  • meta - 当页面加载后只载入元数据
  • none - 当页面加载后不载入视频

分享到:
评论

相关推荐

    2010.08.10——— html5之video和audio

    本主题主要关注HTML5中的`&lt;video&gt;`和`&lt;audio&gt;`标签,它们使得在网页中嵌入音频和视频变得简单直接。 一、HTML5 `&lt;video&gt;` 标签 1. `&lt;video&gt;` 标签的基本结构: `&lt;video src="movie.mp4" width="320" height="240" ...

    使用HTML5在网页中嵌入音频和视频播放的基本方法

    HTML5的&lt;audio&gt;和&lt;video&gt;标签还支持一些其他属性,如: - `autoplay`:自动播放。 - `autobuffer`:自动缓冲,即使不自动播放也会开始加载。 - `controls`:显示播放控制。 - `loop`:循环播放。 - `preload`:预...

    项目5-HTML5中的音频和视频的应用.pptx

    在HTML5中,音频和视频元素分别是`&lt;audio&gt;`和`&lt;video&gt;`,这两个元素可以用来播放音频和视频文件,并且可以根据需要添加各种属性来控制播放的行为。 视频元素 `&lt;video&gt;`元素是HTML5中播放视频的核心元素。通过使用`...

    第31章 video元素与audio元素的基础知识

    在HTML5中,`&lt;video&gt;`和`&lt;audio&gt;`元素是两种非常重要的多媒体标签,它们为网页添加视频和音频内容提供了原生支持,无需依赖Flash等外部插件。本章将深入探讨这两个元素的基础知识,以及如何在实际开发中有效地使用...

    HTML5标签video官方文档

    HTML5的`&lt;video&gt;`元素是现代网页设计中不可或缺的一部分,它允许开发者在网页上嵌入视频内容。这个元素的官方文档提供了详细的信息,包括它的类别、可用性、内容模型以及一系列的属性和接口。 首先,`&lt;video&gt;`元素...

    个人学习+复习笔记之Html5篇

    &lt;video src="example.mp4" controls autoplay loop poster="example-poster.jpg" width="320" height="240"&gt;&lt;/video&gt; ``` #### 七、链接标签 - **超链接**:`&lt;a&gt;`。 - **属性**: - `href`:链接目标路径。 - ...

    简单编写html文件加载nginx发布的视频,实现在线播放nginx发布的视频

    &lt;video id="myPlayer" class="video-js" controls preload="auto" width="640" height="360"&gt; &lt;source src="/videos/video1.mp4" type="video/mp4"&gt; &lt;p class="vjs-no-js"&gt;您的浏览器不支持video标签。&lt;/p&gt; &lt;/...

    html5标签属性及使用方法教程

    HTML5引入的&lt;audio&gt;和&lt;video&gt;元素,使得在网页上嵌入音频和视频变得简单直接,不再需要第三方插件。这些元素支持一系列的属性来控制媒体的播放,如autplay、controls、loop和preload等。 除了上述元素,HTML5还包含...

    practice.zip 音视频练习

    在HTML5中,`&lt;video&gt;` 和 `&lt;audio&gt;` 标签是两个至关重要的元素,它们引入了在网页中内联播放音视频的功能,无需依赖外部插件或浏览器扩展。这两个标签的使用极大地丰富了Web内容的表现力,为用户提供了一种无缝的...

    vide7插件,html实现视频播放功能

    总结,"vide7插件,html实现视频播放功能"是一个结合了HTML5`&lt;video&gt;`标签和自定义插件的解决方案,它能提供更强大的视频播放功能,同时兼容JSP环境。通过理解并运用这些技术,开发者可以创建出具有丰富互动性和高...

    HTML5+CSS.docx

    媒体元素如视频`&lt;video&gt;`和音频`&lt;audio&gt;`提供了内置的播放控制,支持多种属性如`src`(资源地址)、`controls`(显示控制条)、`autoplay`(自动播放)、`loop`(循环播放)、`muted`(静音)等,还允许自定义封面...

    video.js 在ie8 上的兼容demo(附 html5media)

    `html5media` 是一个轻量级的JavaScript库,它的主要目标是解决旧版IE浏览器对HTML5 `&lt;video&gt;` 和 `&lt;audio&gt;` 元素的不支持。它通过模拟这些元素的行为,使开发者能够在IE8等浏览器中使用HTML5视频而无需额外的Flash...

    22个HTML5 技巧三

    &lt;video controls preload="auto"&gt; &lt;source src="myVideo.h264" type="video/mp4"&gt; 您的浏览器不支持 HTML5 视频。 &lt;/video&gt; ``` #### 18. 显示控件 默认情况下,使用`&lt;video&gt;`标签的视频元素会自动生成一组基本...

    html5教程doc文档

    `&lt;video&gt;`标签的属性包括: - `autoplay`:如果设置,视频加载完成后立即播放。 - `controls`:如果设置,显示播放、暂停和音量控制。 - `height`和`width`:分别设定视频播放器的高度和宽度。 - `loop`:如果设置...

    HTML5网页设计基础相关知识点.docx

    HTML5还引入了更多的新元素,如`&lt;canvas&gt;`用于绘制图形,`&lt;svg&gt;`支持矢量图,`&lt;video&gt;`和`&lt;audio&gt;`支持多媒体,`&lt;form&gt;`表单元素增强,以及`&lt;section&gt;`、`&lt;article&gt;`等语义化标签,这些都极大地提升了网页的可读性和...

    HTML5视频播放特效

    "HTML5视频播放特效"这个主题涉及到HTML5中的`&lt;video&gt;`元素,它是HTML5引入的一个核心特性,用于在网页上嵌入和播放视频内容。下面将详细介绍HTML5视频播放相关的知识点。 1. `&lt;video&gt;`元素: HTML5的`&lt;video&gt;`...

    HTML5基础总结

    再者,HTML5支持多媒体元素,如&lt;audio&gt;和&lt;video&gt;,这使得在网页中嵌入音频和视频变得简单。通过src属性指定资源,controls属性添加播放控制,还可以使用preload和autoplay属性来控制预加载和自动播放行为。此外,...

    前端html的感叹号卡商城.zip

    9. ** Accessibility**: 商城网站往往需要考虑无障碍性(Accessibility),使用`&lt;label&gt;`标签关联`&lt;input&gt;`,`&lt;alt&gt;`属性描述图片,以及ARIA属性等,以确保残障人士也能正常访问。 10. **优化与性能**: 通过使用`...

    有关如何将视频插入HTML页面的摘要.pdf

    HTML5引入了`&lt;video&gt;`标签,使得在不依赖外部插件的情况下,直接在浏览器中展示视频成为可能。下面将详细介绍如何使用`&lt;video&gt;`标签以及相关属性来实现这一功能。 首先,`&lt;video&gt;`标签的基本结构如下: ```html ...

    网页上播放视频-video标签的使用.rar

    `&lt;video&gt;` 标签是 HTML5 的一个核心元素,它使得在网页上直接嵌入视频成为可能,无需依赖外部插件或者第三方播放器,如 Flash。这个压缩包文件 "网页上播放视频-video标签的使用.rar" 很显然包含了一个关于如何使用 ...

Global site tag (gtag.js) - Google Analytics