У меня есть один сайт, размещенный на страницах Github, который успешно встраивает видео YouTube.Я нахожусь в процессе создания второго сайта для публичного выпуска и хотел бы также включить встроенное видео об этом.Встраивание работает локально, поэтому я знаю, что мой код не является проблемой, но Github отказывается показывать видео на этом втором сайте.Ниже приведено более подробное описание, включая конкретный код.
Сайт с работающим YouTube-встраиванием: https://greattimeband.github.io Новый сайт (работа в процессе): https://gr8time.github.io
На старом сайте отображаются два видео внижний левый, встроенный и полностью функционирующий.Второй сайт не отображает видео (прямо под каруселью вверху), но, по-видимому, распознает элемент как существующий.Здесь могут быть несколько переменных:
Сайт № 1 был создан с использованием Webflow и может иметь некоторые присущие стили или контейнеры, о которых я не знаю.Я искал свой CSS для каких-либо подсказок, но не могу найти ни одного.Это встраивание также указывает непосредственно на конкретное видео, а не на призыв к «самой последней загрузке»
Сайт № 2 создается с помощью Bootstrap.Встраивание также требует самой последней загрузки на моем канале, а не конкретного видео (поэтому сайт должен обновляться при каждой новой загрузке).
Любой из этих факторов может способствовать, но мне интереснопочему Github хорошо справляется с первым примером, а не со вторым.Я понимаю, что Github Pages могут вообще не разрешать встраивание видео, что делает первый пример еще более интересным.Хотите знать, может ли быть объяснение с любой стороны, и если мой непреднамеренный успех на первом сайте может быть воспроизведен (без использования Webflow).
Код для встраивания сайта # 1 (работает):
<div class="video-div-block">
<div class="video-row w-row">
<div class="column-5 w-col w-col-4">
<h2 class="heading-2 video">Video</h2>
<div style="padding-top:56.17021276595745%" class="w-video w-embed">
<iframe width="560" height="315"
src="https://www.youtube.com/embed/4PSGaDSS8A4" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div style="padding-top:56.17021276595745%" class="video w-video w-embed">
<iframe width="560" height="315"
src="https://www.youtube.com/embed/cV4NthqdXRM" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
Код для встраивания сайта №2 (работает, но не отображается):
<div class="video-container">
<iframe src="http://www.youtube.com/embed/videoseries?
list=UUJhHaq56JKvZlAQ32OH71nQ&index=0" frameborder="0"
allowfullscreen>
</iframe>
</div>
Второй пример отображается правильно и локально извлекает правильное видео, но Github отказывается отображать контент.Любая помощь с благодарностью!