如何使用HTML 5的<video> </video>播放YouTube视频

时间:2013-08-13 11:16:25

标签: html html5 youtube html5-video

我可以使用HTML 5 <video>控件在我的网站上播放YouTube视频吗?

我可以为MP4,ogg格式,

运行视频
<video width="710" height="423" controls>
    <source src="testvideo.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>

但如何运行视频来源于youtube 例如:

<video width="710" height="423" controls>
  <source src="https://www.youtube.com/v/<youtube video id>?enablejsapi=1&rel=0&fs=1" type="????"></source>
 Your browser does not support the video tag.
</video>

我提供的有效来源和给定类型为video/youtube,但错误为No video with supported format and MIME type found

如果您有任何意见,请告诉我

谢谢,Sharath

1 个答案:

答案 0 :(得分:0)

如果你的标签

<youtube video id> 

生成11个字符代码,例如此视频

https://www.youtube.com/watch?v=t2ByLmLnYJ8

11个字符的代码是t2ByLmLnYJ8

然后我认为你应该尝试

<iframe width="710" height="423" 
    src="http://www.youtube.com/embed/<youtube video id>">
</iframe> 

据我了解,YouTube已接手确保视频格式与设备兼容,因此您无需担心此方法。