Steam живое видео с использованием HTML

Question

Как бы вы отобразили видео в реальном времени, например, по этой ссылке? https://www.youtube.com/watch?v=1cXkDHQ3q4o

Пример CodePen: https://codepen.io/ScottFSchmidt/pen/JqdmeK

Рабочая (обычное видео):

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

Не работает (живое видео):

<iframe width="420" height="315"
src="https://www.youtube.com/embed?v=1cXkDHQ3q4o">
</iframe>

В этой статье есть «ответ» с неработающей ссылкой. Невозможно воспроизвести видео в реальном времени, используя HTML-тег видео

Не так много статей, и потоковое вещание становится огромным делом, поэтому надеюсь, что этот вопрос актуален.

Answer 1

Если вы перейдете на видео YouTube, нажмите:

Share -> Embed (<>) 

Вам будет предоставлен исходный код для встраивания iframe для вашего видео справа:

<iframe width="420" height="315" src="https://www.youtube.com/embed/1cXkDHQ3q4o" 
  frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; 
  picture-in-picture" allowfullscreen>
</iframe>

Который затем предоставит вам живое видео, см. Пример здесь

Если вы хотите, чтобы видео воспроизводилось автоматически, вам нужно добавить строку запроса ?autoplay=1&mute=1 в URL вашего видео :

<iframe width="420" height="315" src="https://www.youtube.com/embed/1cXkDHQ3q4o?autoplay=1&mute=1" 
  frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; 
  picture-in-picture" allowfullscreen>
</iframe>