播放和预加载视频之间的 HTML5 优先级

Posted

技术标签:

【中文标题】播放和预加载视频之间的 HTML5 优先级【英文标题】:HTML5 priority between playing and preloading video 【发布时间】:2021-02-05 04:17:59 【问题描述】:

第一次发帖,我想知道在 html5 中,<video> 已经播放和正在预加载之间是否有任何关于优先级的规范。

假设我有一个正在播放的<video>。它没有完全预加载(也不应该),所以它在播放时仍在加载。 最重要的是,在第一个视频播放期间,我通过 JS 插入另一个 <video>,并且预期该视频开始预加载。

我想知道的是,在这两个视频中,哪一个作为加载其内容的优先级?

谢谢!

【问题讨论】:

【参考方案1】:

我想你会发现这在很大程度上取决于浏览器和平台,但是有一些机制,“优先提示”和“资源提示”,它们可以让你告诉浏览器一个特定的资源,例如视频、图片、脚本等优先级较低或较高,或需要预加载等。

撰写本文时的更多信息:

https://www.w3.org/TR/resource-hints/(w3 规范) https://wicg.github.io/priority-hints/(非官方优先提示草案规范) https://developers.google.com/web/updates/2019/02/priority-hints(来自 Google 的开发者概述)

请注意,这些功能的浏览器支持有所不同,尤其是优先提示,它是新的并且可能仅在 Chrome Beta 版本中可用,因此在决定是否解码以使用这些机制之前,值得检查支持。

【讨论】:

谢谢,我去看看!

以上是关于播放和预加载视频之间的 HTML5 优先级的主要内容,如果未能解决你的问题,请参考以下文章

定义海报属性和预加载时视频消失

javascript中的HTML5视频完整预加载

仅跨浏览器 HTML5 视频预加载海报

HTML5 视频:在视频和海报之间显示加载器/微调器

可以在 iOS 设备上强制 HTML5 视频预加载吗?

懒加载和预加载