之前在弄首页的那个视频，看到有这么个属性 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. liwanglin12 liwanglin12

    新年快乐呦~

    回复
    1. 冯小贤 冯小贤

      三十快乐，恭喜发财，红包拿来 #滑稽

      回复
  2. xema xema

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

    回复
    1. 冯小贤 冯小贤

      宾果

      回复
  3. 冯小贤 冯小贤

    ...

    回复
    1. 冯小贤 冯小贤

      balabala沟

      回复

添加新评论