Github Pages отображает встроенное видео YouTube на одном сайте, но не на другом, есть ли исправление для этого? - PullRequest
0 голосов
/ 17 мая 2019

У меня есть один сайт, размещенный на страницах 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 отказывается отображать контент.Любая помощь с благодарностью!

1 Ответ

0 голосов
/ 17 мая 2019

Пожалуйста, измените iframe src http на https как:

<iframe src="https://www.youtube.com/embed/videoseries? 
    list=UUJhHaq56JKvZlAQ32OH71nQ&index=0" frameborder="0" 
    allowfullscreen> 
...