Videojs youtube 视频无法在桌面的 iframe 中播放 Chrome

Question

我正在从不同域的 iframe 中的 https://github.com/videojs/videojs-youtube 加载 /videojs-youtube/examples/simple.html 示例页面。当我这样做时，视频不会播放，加载指示器会旋转并且不会停止。我在开发控制台中没有看到 javascript 错误。当我直接访问同一个文件时，视频播放没有任何问题。

该问题仅出现在最新的桌面 Chrome 72.0.3626.109 中。其他浏览器好像没有。

这是我这边的屏幕截图：

https://www.youtube.com/watch?v=QBmre1vaLwI

实例：https://jsfiddle.net/ws8tnc13/

iframe 来源：https://alxd.ru/videojs-youtube/

页面源代码：

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" rel="stylesheet" href="./video.js/dist/video-js.min.css" />
</head>
<body>
  <video
    id="vid1"
    class="video-js vjs-default-skin"
    controls
    autoplay
    width="640" height="264"
    data-setup='{ "techOrder": ["youtube", "html5"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
  >
  </video>

  <script src="./video.js/dist/video.js"></script>
  <script src="./Youtube.min.js"></script>
</body>
</html>

如有任何帮助，我将不胜感激。

Answer 1

使用这个

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

Videojs youtube 视频无法在桌面的 iframe 中播放 Chrome

Videojs youtube video not playing in an iframe in desktop Chrome

html

javascript

youtube

iframe

video.js