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

问题描述

我试图将YouTube视频源加入到HTML5 < video> 标记中，但似乎不起作用。经过一些谷歌搜索，我发现HTML5不支持YouTube视频网址作为来源。

您可以使用HTML5嵌入YouTube视频吗？如果没有，是否有任何解决方法？

解决方案

第1步：添加& html5 = True 到你最喜欢的youtube网址

第2步：查找< video /> 标签源

步骤3：将 controls =controls添加到视频标签：<视频控制=控制.... />

示例：

< pre class =lang-html prettyprint-override> < 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&放大器;放大器; ITAG = 43&放大器;放大器; ipbits = 0&放大器;放大器;签名= D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&放大器;放大器; sver = 3&放大器;放大器; ratebypass = YES&放大器;放大器;到期= 1300417200&放大器;放大器;键= YT1&放大器;放大器; IP = 0.0.0.0&放大器;放大器; ID = 37da319914f 6616c>< /视频>


请注意，有一些 expire 的东西。我不知道 src 字符串可以工作多久。

仍在测试自己。

编辑（2011年7月28日） ：请注意，此视频src特定于您用于检索页面源代码。例如，我认为Youtube动态地（至少当前）生成这个HTML，所以在测试中，如果我在Firefox中复制，它可以在Firefox中使用，但不是在Chrome中使用。

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.

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

解决方案

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

Step 2: Find <video/> tag in source

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

Example:

<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>

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

Still testing myself.

Edit (July 28, 2011): Note that this video src is specific to the browser you use to retrieve the page source. I think Youtube generates this HTML dynamically (at least currently) so in testing if I copy in Firefox this works in Firefox, but not Chrome, for example.

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