Отображение видео с YouTube в iFrame

Question

Я хочу показывать видео YouTube через iFrame на своей странице, но если я установлю для iFrame src URL-адрес YouTube, я получу блокировку, поскольку для X-Frames-Options установлено значение sameorigin. Я нашел одно видео на YouTube, которое работает. Если я установлю свой iFrame src на https://www.youtube.com/embed/LSHuGxB3tTU он будет работать нормально. Кажется, ключом является каталог embed /. У всех видео на YouTube есть версия в директории embed /, которую я мог бы вытащить и показать? Я не вижу ничего в настройках видео на странице YouTube, где упоминается вставка /.

Спасибо за любые идеи.

Answer 1

"Если я установлю свой iFrame src на https://www.youtube.com/embed/LSHuGxB3tTU он будет работать нормально.
Ключ, кажется, embed/ каталог"

Весь смысл встраивания Youtube видео в другое, заключается в том, что iFrames используются для отображения интерфейса их проигрывателя (и запускают его поддерживающий код). Это делается путем доступа к встраиваемому проигрывателю / коду с помощью iFrame.

• Перейдите на любое видео Youtube и нажмите SHARE,

• В опциях "Поделиться" нажмите EMBED и он генерирует код iFrame для копирования / вставки на вашем сайте.

"Есть ли у всех видео на YouTube версия в каталоге embed /, которую я мог бы извлечь и показать?"

Да, при каждой загрузке видео с YouTube автоматически создается ссылка для встраивания, точно так же, как видео часть имеет несколько разрешений, автоматически сгенерированных вниз от исходного размера (например, видео с высотой 360 также генерирует 240 а также 144 видео по размеру).

Чтобы получить встроенный URL (можно использовать в iFrame):

Используйте: https://www.youtube.com/embed/ с последующим VIDEO_ID,

Пример:

• принятие https://www.youtube.com/watch?v=wJOfJdWGPMk,

• куда VIDEO_ID знак равно wJOfJdWGPMk,

• URL-адрес iFrame / Embed: https://www.youtube.com/embed/wJOfJdWGPMk