Videojs YouTube видео не воспроизводится в iframe в настольном Chrome - PullRequest
0 голосов
/ 20 февраля 2019

Я загружаю пример страницы /videojs-youtube/examples/simple.html из https://github.com/videojs/videojs-youtube в iframe в другом домене.Когда я это делаю, видео не воспроизводится, а индикатор загрузки вращается и не останавливается.Я не вижу ошибок 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>

Буду признателен за любую помощь.

1 Ответ

0 голосов
/ 20 февраля 2019

используйте это

<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>
...