之前在弄首页的那个视频,看到有这么个属性 w3school 上说是

preload 属性规定是否在页面加载后载入视频。如果设置了 autoplay 属性,则忽略该属性。


preload有三个值

  • auto

当页面加载后载入整个视频

  • metadata

当页面加载后只载入元数据

  • none

当页面加载后不载入视频

PS: 我他娘看的一脸懵逼


于是实验了一下...


  1. auto
    这个是默认值,看出来视频没有播放但是一直在加载,大概意思就是

浏览器:服务器劳资要放视频了,赶快把视频呈上来,赶紧的,用户等着呢!
服务器:李奶奶,等着马上把文件信息和视频都给你~
浏览器:不够,再来点
服务器:拿着滚
浏览器:OK~

auto.png

差不多就是这个样子,感觉做实时性的时候用的。

  1. metadata

浏览器:服务器劳资要放视频了,赶快把视频呈上来,赶紧的,用户等着呢!
服务器:李奶奶,等着马上把文件信息给你~
浏览器:视频开始播了,要播了,快把视频给我,快!
服务器:给你,拿去,正在发
浏览器:OK~

metadata.png

  1. none

浏览器: ...
服务器: ...

none.png

标签: html5, preload, 预加载

已有 6 条评论

  1. 新年快乐呦~

    1. 三十快乐,恭喜发财,红包拿来 #滑稽

  2. 换句话说
    auto:页面打开,不管你愿不愿意自己下载
    metadata:给你看视频大小,自己选择下不下载
    none:页面打开不下载,点播放后才下载

  3. ...

添加新评论