Окно живого чата на YouTube не отображается должным образом в iframe

Question

Я пытаюсь добавить окно чата на сайт. Окно чата на YouTube не отображается должным образом. Вот моя ссылка jsfiddle

https://jsfiddle.net/webregister/wnbz0edo/15/

Если вы обнаружили, что чат не запущен. Пожалуйста, получите новый идентификатор YouTube из любого живого потока YouTube, используя опцию общего доступа YouTube. Замените YOUTUBE-ID внутри своего идентификатора внутри iframe sr c url

 <iframe  src="https://www.youtube.com/live_chat?v=YOUTUBE-ID&embed_domain=fiddle.jshell.net" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Answer 1

Вам не хватает высоты контейнера iframe:

.pop-iframe-container {
  height: 100%;
}

Рабочая скрипка:

https://jsfiddle.net/kmturley/4Lxu6kvd/1/