javascript - YouTube嵌入式视频不适用于Chrome浏览器

标签 javascript google-chrome cookies youtube

几个月以来,我一直注意到嵌入式youtube视频在其他任何页面上都显示为白色,现在我发现可以通过查看页面并将-nocookie放在iframe src的主机名即https://www.youtube-nocookie.com/embed/(VIDEO_ID)来观看这些视频。
我想知道为什么会发生这种情况以及如何解决它,我的第一个想法是让用户脚本在每个页面中对其进行更改。

编辑:即使启用了我的Cookie设置,它也可以在Edge和Firefox上正常运行,但不能在Chrome上运行。

解决方案:问题是我在Tampermonkey扩展名上的用户脚本(应该会影响youtube页面)正在影响每个带有嵌入式视频的页面,从现在起,我可以弄清楚代码的哪一部分正在执行此操作,但现在关掉。

感谢@JasonB有关扩展的建议。

最佳答案

这个-nocookie网址是在十年前出现的,当时仍然经常关闭Cookie。该代码笔显示标准的YouTube嵌入代码在一个简单的网站上就可以正常工作。

<iframe width="400" height="300" 
src="https://www.youtube.com/embed/9Ht5RZpzPqw" frameborder="0" 
gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>

https://codepen.io/anon/pen/baqdGz

是否有关于您的域的任何详细信息,或指向您网站上损坏的嵌入式视频的链接,可以帮助我们更好地解决您的问题?

缩略图效果很好,我将其打开了5分钟,然后播放了视频,这一切正常。似乎存在一个与Codepen设置相关的js错误-并非您遇到的错误。

Youtube embed on codepen

关于javascript - YouTube嵌入式视频不适用于Chrome浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47998362/

相关文章:

cookies - 在发送敏感数据后关闭 SSL 是否安全?

java - 在 Java 中使用 cookie 登录网页

PHP Cookie 将过期时间设置为无

javascript - 根据数组的一个属性按字母顺序对数组中的对象进行排序

javascript - 为什么 JavaScript 会跳过我的函数?

HTML 视频并不总是在 Chrome 中播放

javascript - Chrome 中的表单样式

html - css-grids,Chrome 上的最大高度不起作用?

JavaScript 搜索特定字符串

javascript - 为什么对 IDBObjectStore.get() 的调用会导致混淆行为?