Angular &引用;视频不可用“;使用iFrame显示YouTube视频时出现的问题

Angular &引用;视频不可用“;使用iFrame显示YouTube视频时出现的问题,angular,google-chrome,iframe,youtube,angular7,Angular,Google Chrome,Iframe,Youtube,Angular7,当我在Angular 7项目中使用iframe显示YouTube视频时,一些视频显示“视频不可用”错误。 带错误的iframe示例代码: <iframe width="560" height="315" src="https://www.youtube.com/embed/dhYOPzcsbGM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"

当我在Angular 7项目中使用iframe显示YouTube视频时,一些视频显示“视频不可用”错误。

带错误的iframe示例代码:

<iframe width="560" height="315" src="https://www.youtube.com/embed/dhYOPzcsbGM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

这是来自YouTube->Share->Embed的未经编辑的代码(因此代码没有问题)

这在本地主机上运行时会非常好,但在我的开发或生产环境中不起作用。还要注意的是,它在中不起作用

我尝试和发现的东西


  • 在边缘浏览器中工作(即使在生产环境中,
    SameSite
    cookie警告也与默认情况下即将应用的
    SameSite=Lax
    更改相关。但是,这些可能现在无法应用于您的浏览器,因此我怀疑这里还存在另一个问题。您可以在上检查浏览器的行为-如果一切都是绿色的,则新的限制正在应用。但是,我在这里尝试了您的示例代码:启用和禁用了
    SameSite
    限制,并且成功了。嗨@rowan_m,谢谢您的帮助。您可以转到该视频的YouTube页面,单击共享,选择嵌入,然后仅复制src并在新选项卡中打开它。对我来说,它显示“视频不可用”。如果我将该iframe放在我的项目中也是一样的。顺便说一下,这是src: