首页 > 解决方案 > 你可以为海报属性提供后备吗?

问题描述

我想知道是否有人知道是否可以为标签中的poster属性提供后备图像。video我找不到任何关于它的信息。

目前我只使用 png,但我喜欢使用 webp,以便页面加载速度更快。当延迟加载时,海报只是用于慢速连接,因此页面仍然有意义并且可以在没有加载视频的情况下阅读。因此,图像必须具有足够高的质量,以防视频永远无法加载,而且由于它是一个投资组合网站,我只能牺牲这么多质量。由于 Safari 仍然不支持 webP,因此希望有一个后备方案。

除非我错过了另一种具有可比压缩的通用支持(至少在现代浏览器中)的图像格式。

标签: htmlcssvideofallbackwebp

解决方案


我也尝试过但没有成功:似乎回退只显示在旧浏览器上而不是最近显示:否则有必要在 js 中管理不加载视频


推荐阅读