美文网首页
video 标签视频请求多次的原理

video 标签视频请求多次的原理

作者: 薄荷彩糖 | 来源:发表于2022-07-19 15:15 被阅读0次

转自:https://segmentfault.com/q/1010000005932321

请求视频这类文件的时候因为响应会很大,如果全部下载下来再播放会等待很长时间,用户体验不好,所以服务器会允许浏览器使用range头来请求视频的某一部分,并设置以206的响应码进行响应,来使浏览器可以边播放边请求,优化用户体验。所以会出现状态码为206的响应。

另一方面,浏览器只有在获取到视频的元信息(metadata)后才开始播放视频,而一般不经过优化的视频,其元数据信息存在视频文件末尾。所以会出现连续三个请求的情况:第一个请求是先从0字节找视频的元数据信息,没找到的话,会继续发起一个请求到视频末尾去找,等找到以后,又会重新开始一个请求从视频开头处开始请求,此时视频才开始播放。如果视频经过优化,元数据信息在视频开头,就只会有一个请求了,所以推荐使用HandBrake这类的工具对视频经过网络优化后再上传。

相关文章

  • 02HTML基础--基础标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性: src: 告诉video标签需要播放的视频地址...

  • 多媒体标签

    video标签 作用:播放视频 格式: video标签的属性src: 告诉video标签需要播放的视频地址auto...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • HTML:多媒体标签

    video标签 • 作用: 播放视频• 格式1: • video标签的属性○ src: 告诉video标签需要播...

  • 06-HTML多媒体标签

    video标签 作用: 播放视频 第一种格式video标签的属性src: 用于告诉video标签需要播放的视频地址...

  • 7,多媒体

    1,视频标签 1, src: 告诉video标签需要播放的视频地址 autoplay: 告诉video标签是否需要...

网友评论

      本文标题:video 标签视频请求多次的原理

      本文链接:https://www.haomeiwen.com/subject/ntaeirtx.html