将 Youtube 视频源显示为 HTML5 视频标签? [英] Show Youtube video source into HTML5 video tag?

问题描述

我正在尝试将 YouTube 视频源放入 HTML5 <video> 标记中，但它似乎不起作用.经过一番谷歌搜索，我发现 HTML5 不支持 YouTube 视频 URL 作为源.

I'm trying to put a YouTube video source into the HTML5 <video> tag, but it doesn't seem to work. After some Googling, I found out that HTML5 doesn't support YouTube video URLs as a source.

您可以使用 HTML5 嵌入 YouTube 视频吗?如果没有，有什么解决方法吗?

Can you use HTML5 to embed YouTube videos? If not, is there any workaround?

推荐答案

步骤 1:将 &html5=True 添加到您最喜欢的 youtube 网址

Step 1: add &html5=True to your favorite youtube url

第 2 步:在源代码中找到 标签

Step 2: Find <video/> tag in source

第 3 步:将 controls="controls" 添加到视频标签:

Step 3: Add controls="controls" to video tag: <video controls="controls"..../>

示例:

<video controls="controls" class="video-stream" x-webkit-airplay="allow" data-youtube-id="N9oxmRT2YWw" src="http://v20.lscache8.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hPRVRMVV9FSkNOOV9MRllD&amp;itag=43&amp;ipbits=0&amp;signature=D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&amp;sver=3&amp;ratebypass=yes&amp;expire=1300417200&amp;key=yt1&amp;ip=0.0.0.0&amp;id=37da319914f6616c"></video>

注意似乎有一些 expire 的东西.我不知道 src 字符串能用多久.

Note there seems to some expire stuff. I don't know how long the src string will work.

仍在测试自己.

编辑(2011 年 7 月 28 日):请注意，此视频 src 特定于您用于检索页面源的浏览器.我认为 Youtube 动态生成此 HTML(至少目前是这样)，因此在测试我是否在 Firefox 中复制时，这适用于 Firefox，但不适用于 Chrome，例如.

这篇关于将 Youtube 视频源显示为 HTML5 视频标签?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！