如何使用默认的html5控件播放youtube视频?

时间:2018-04-25 09:37:06

标签: javascript

我很抱歉,但我无法在视频代码中播放YouTube视频(https://www.youtube.com/watch?v=SyRv0-oPfKE)。 我知道iframe API,但在这种情况下,它必须具有默认的html5控件,而不是youtube控件。 我可能错过了一些愚蠢的东西,但无法弄清楚......

任何人都知道怎么做?

编辑:

所以我试过了:

<video
          controls='controls' 

          src={`http://www.youtube.com/get_video_info?&video_id=${id}&asv=3&el=detailpage&hl=en_US`}
          type='video/mp4'
        />

并尝试:

<video
  controls='controls' 

  src={`https://www.youtube.com/watch?v=SyRv0-oPfKE&html5=1`}
  type='video/mp4'
/>

但是我得到了空白页。

1 个答案:

答案 0 :(得分:0)

HTML video element期望视频文件作为来源。如果您想使用原生HTML视频播放器播放YouTube视频,则必须提供a link to the video itself,而不是YouTube网站上提供此视频。

另请注意,并非所有浏览器都可以处理任何视频格式。请参阅MDN: Media formats for HTML audio and video