我目前在我的网页中使用一个简单的 iframe,使用 bootstrap 来适应小屏幕(=you tube Short)和大屏幕(=普通横向视频):
<div class="container d-none d-md-block" style="max-width:1000px;height:30%;"> <iframe width="1000" height="550" src="https://www.you tube-nocookie.com/embed/0...?&mute=1&autoplay=1&encrypted-media=1" allow="autoplay; fullscreen;"> </iframe> </div> <div class="container .d-block d-md-none" style="width:95%;"> <iframe width="400" height="500" src="https://www.you tube-nocookie.com/embed/G...?&mute=1&autoplay=1&encrypted-media=1" allow="autoplay; fullscreen;"> </iframe> </div> </div>
我有一条警告/错误消息:
权限策略标头错误:无法识别的功能: “ch-ua-形状因子”。
经查,似乎与屏幕尺寸有关: https://wicg.github.io/ua-client-hints/
但是,如果我删除屏幕尺寸的类,例如“d-none d-md-block”,仍然会出现相同的消息(可能是由于父屏幕尺寸配置所致)。
除此之外,如果我删除所有 iframe 选项并且使用 www.you tube.com 而不是 www.you tube-nocookie.com,也会出现该错误。
如何解决这个问题?
我在包含嵌入式 YouTube 视频的页面上收到了同样的警告,我更深入地了解了情况,只是发现实际上来自他们这边,因为违反规则的元素位于嵌入内部。 所以我认为忽略警告的建议是最好遵循的。