Трабл с отображением видео с ютуба через magnific-popup, как побороть?

Question

[sergey]

Даже не знаю что и как произошло, но на отрез перестало запускаться видео с ютуба в галереи magnific-popup.
Пишу следующее:

<div class="image">
  <a class="popup-youtube" href="https://youtu.be/rWeYwwuNSV0?list=PL2WEf2DMSbHWEP4rsSwrTJwqTX9JuVSIk">
    <img src="img/photo-5.png" alt="pic" />
  </a>
</div>

$('.popup-youtube').magnificPopup({
        type: 'iframe',
        preloader: false
    });

все раньше прекрасно работало, но сейчас видео не запускается, висит черный экран с крестиком закрыть, а в консоли ошибка:

Refused to display 'https://www.youtube.com/watch?v=rWeYwwuNSV0&featur...' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE

уже и addblock выключил, и хром настройки до базовых сбросил, кеш почистил, сборку gulp перезапустил, но что на локалке что на рабочем сервере одна и таже ошибка. Помогите советом кто сталкивался с подобным. Спасибо.

UPD. Что интересно, взял другой ролик, с ютуба (был в доступе на оф сайте magnific popup) и о чудо он запускается, но те ролики что клиент дал хоть убей не работают на сайте, на самом ютуб они запускаются.

Answer 1

[entermix]

Используйте следующую ссылку: http://www.youtube.com/watch?v=rWeYwwuNSV0

Comments

[sergey]

entermix: запустилось, правда пишет что не может т трала-ла, но сам ютуб плеер появился

[sergey]

entermix: так в чем причина?

[entermix]

SM: Вы должны использовать корректные ссылки

Поделится -> HTML код

В данном случае Вы добавляете неправильную ссылку, youtube блокирует загрузку

[sergey]

entermix: это я знаю, в данном случае ролики клиент предоставил

[entermix]

SM: бывает :)

[sergey]

но теперь видео не воспроизводится, а пишет ошибку:
Ошибка. Повторите попытку позже. Идентификатор воспроизведения
UmpmTXc7l3vMnZt5

[entermix]

SM: а что, если вставлять фрейм, который предлагает youtube? Т.е. если не использовать magnificPopup

[sergey]

entermix: не использовать magnific не получиться, там слайдер, при клике на одни изображения всплывает картинка, на другие видео

[sergey]

вот здесь я поставил какое-то произвольное видео с ютуба и все ок, работает

<a class="popup-youtube" href="http://www.youtube.com/watch?v=0O2aH4XLbto">
                                <img src="img/photo-6.png" alt="pic" />
                            </a>

[entermix]

вот здесь я поставил какое-то произвольное видео с ютуба и все ок, работает

SM: наверное потому, что адрес http, а не https

Ошибка. Повторите попытку позже. Идентификатор воспроизведения
UmpmTXc7l3vMnZt5

vr-boom.ru/oshibka-povtorite-popitku-pozge-identif...

[sergey]

entermix: я вначале говорил что addblock выключил, и хром настройки до базовых сбросил, кеш почистил, сборку gulp перезапустил. Касательно http то да есть такое, поменял у себя - ничего не произошло:)

[entermix]

SM: проблема решена?

[sergey]

да нет, мой ролик запускается, а вот тот что Вы предложили - просто висит с ошибкой

[entermix]

А если так?

<div class="image">
  <a class="popup-youtube" href="http://youtu.be/rWeYwwuNSV0?list=PL2WEf2DMSbHWEP4rsSwrTJwqTX9JuVSIk">
    <img src="img/photo-5.png" alt="pic" />
  </a>
</div>

[sergey]

entermix: Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE

[entermix]

Хм.. а так?

<div class="image">
  <a class="popup-youtube" href="http://www.youtube.com/watch?v=rWeYwwuNSV0&list=PL2WEf2DMSbHWEP4rsSwrTJwqTX9JuVSIk">
    <img src="img/photo-5.png" alt="pic" />
  </a>
</div>

[sergey]

entermix: плеер с ошибкой, повторите попытку позже

[entermix]

SM:

http://www.youtube.com/watch?v=0O2aH4XLbto

http://www.youtube.com/watch?v=rWeYwwuNSV0&list=PL2WEf2DMSbHWEP4rsSwrTJwqTX9JuVSIk

Первая работает, а вторая нет?

[sergey]

первая там где велопробег - не работает, вторая произвольная работает

[sergey]

entermix: в вашем случае да, первая работает, вторая нет

[entermix]

SM: а если убрать &list=PL2WEf2DMSbHWEP4rsSwrTJwqTX9JuVSIk ?

[sergey]

entermix: Вы шаман!!!

[sergey]

entermix: заработало!

[sergey]

entermix: благодарю еще раз

[entermix]

SM: значит список не поддерживается таким методом, наверное

благодарю еще раз

Не за что ;)

[sergey]

entermix: скорее всего, ну это не проблема, он там и не нужен собственно

[sergey]

entermix: как Вы вообще преобразовываете эти ролики в подобный код
вот к примеру есть еще такой https://youtu.be/kE8WBGyF5H4

[sergey]

entermix: разобрался

[entermix]

https://youtu.be/kE8WBGyF5H4
->
http://www.youtube.com/watch?v=kE8WBGyF5H4

[sergey]

entermix уже понял:)

Answer 2

[Tlegen Bayangali]

ошибка может возникнуть если видео, которое вы вставляете, находится в плейлисте.
вот ссылка на видео вне плейлиста
https://www.youtube.com/watch?v=81Pk0hO2F4Y
а вот ссылка видео в плейлисте

https://www.youtube.com/watch?v=mOFvJVroAJE&list=RDMMmOFvJVroAJE&start_radio=1