html - 使用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>

本文包含一个带有断开链接的“答案”。 Unable to play live video using HTML video tag

文章不多，流式传输正变得越来越重要，因此希望这个问题是相关的。

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>

然后它将为您提供实时视频，请参见here示例

如果要自动播放视频，则需要将查询字符串?autoplay=1&mute=1添加到your video 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>