”。">
您的位置: 翼速应用 > 业内知识 > web前端 > 正文

一起聊聊html5中的preload之含义

本文给大家带来了htm5的相关知识,为大家解析下html5中的preload之含义。在html5中,preload是“预加载”的意思,是用于规定是否在页面加载后载入音频或者视频,如果设置autoplay属性则会忽略该属性,并且preload属性是html5中的新属性,语法为“<element preload="auto|metadata|none">”。


一起聊聊html5中的preload之含义


本文适用于windows10系统、HTML5版本、Dell G3电脑。


一起聊聊html5中的preload之含义


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


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


preload 属性是 HTML 5 中的新属性。<audio> 标签是HTML5新标签。


语法为:


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


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


规定是否预加载音频。


可能的值:


●  auto - 当页面加载后载入整个音频


●  meta - 当页面加载后只载入元数据


●  none - 当页面加载后不载入音频


不载入:


<video width="320" height="240" controls preload="none">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>


输出结果:

输出结果


页面加载后载入:


<video width="320" height="240" controls preload="auto">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>


输出结果:

输出结果


以上就是关于html5中的preload之含义解析的全部内容,翼速应用平台内有更多相关资讯,欢迎查阅!


我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题