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

标签 html 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

最佳答案

如果你的标签

<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已接管确保视频格式与设备兼容,因此您不必为此担心。

关于html - 如何使用HTML 5的<video>播放YouTube视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18207641/

相关文章:

javascript - HTML5 视频 : Add Subtitle text from a TextArea

Javascript - 跟踪鼠标在视频中的位置

html - 为什么在添加 HTML5 视频 header 后我的 Bootstrap 网站的不相关部分无法正确呈现?

包含的 PHP + MySQL 登录

html - 右侧导航栏边距

javascript - YouTube 限制播放问题

android - YouTubeAndroidPlayerAPI在Android中出现问题。?

html - CSS 网格和边距问题

html - 我可以在浏览器中更改 WebKit CSS 规则吗?

YouTube API : 'Official' Tag