`
wjlgryx
  • 浏览: 297649 次
  • 性别: 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 - 当页面加载后不载入视频

分享到:
评论

相关推荐

    HTML5 Video标签的属性、方法和事件汇总介绍

    前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器。在这个过程中,对video标签的属性,方法,事件有了个全面的认识。下面分类列出来一下。 &lt;video&gt;...

    video-player:一个简单的 HTML5 视频播放器

    一个加载和播放 HTML5 视频的 JQuery 插件 属性 [data-video-play-when-in-view] 仅在视频在视口中时播放 [data-video-preload] 开始播放前预加载 [data-video-fade-in] 应用淡入效果 [data-video-bind-scroll] 绑定...

    详解Html5中video标签那些属性和方法

    video标签行内属性 src:视频的URL poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度 height:视频高度 webkit-...

    HTML网页中插入视频的方法小结

    现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora...Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性, 以及一个内部使用的标签&lt;source&gt;。Video标签内除

    使用HTML开发商业网站-嵌入视频和音频课件.pptx

    在HTML5中,video标签用于定义播放视频文件的标准。 属性 值 描述 autoplay autoplay 当页面载入完成后自动播放视频。 loop loop 视频结束时重新开始播放。 preload preload 如果出现该属性,则视频在页面加载时进行...

    Html5 video标签视频的最佳实践

    随着 4G 的普遍以及 WiFi 的广泛使用,手机上的网速已经足够稳定和高速,以视频为主的 HTML5 也越来越普遍了,相比帧动画,视频的表现更加丰富,这里介绍一些实践经验。 video的属性 &lt;video id=video src=...

    HTML5微信播放全屏问题的解决方法

    解决办法:给video标签加一些属性,调用h5原生video。 &lt;video id=videoALL src=video/01.mp4 poster=images/1.jpg /*视频封面*/ preload=auto webkit-playsinline=true /*这个属性是ios 10中设置可以 让...

    videoScroll:滚动时在视频中播放的角度指令

    videoScroll Video Scroll是一个角度指令,允许您在滚动时播放html5视频。安装 bower install angular-videoScroll --save程式码范例包括videoScroll作为您的角度模块的依赖项。 angular . module ( 'yourModule' , ...

    hugo-video:Hugo主题组件,可使用HTML video元素嵌入视频

    雨果视频 关于 这主题组件提供了一个简码: video使用嵌入视频。 它带有英语,法语,德语和俄语本地化版本。 欢迎其他语言!... 可以预加载视频(始终包含preload="auto"属性) 视频宽度为100%(包括width=

    html5 音乐播放器 audio 标签使用概述

    标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 &lt;audioid u201dmedia”src=”http://www.abc.com/test.mp3″controls&gt;&lt;/audio&gt; &lt;video&gt; 标签...

Global site tag (gtag.js) - Google Analytics