将Youtube视频源显示为HTML5视频标记?

我试图将YouTube视频源放入HTML5< video>标签,但它似乎不工作。在Google搜索之后,我发现HTML5不支持将YouTube视频网址作为来源。

您可以使用HTML5嵌入YouTube影片吗?如果没有,是否有任何解决方法

解决方法

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

步骤2:寻找< video />标记

步骤3:为视频标签添加controls =“controls”:< 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>

注意似乎有些过期的东西。我不知道src字符串将工作多长时间。

仍在测试自己。

编辑(2011年7月28日):请注意,此视频src特定于您用于检索网页来源的浏览器。我认为Youtube动态生成这个HTML(至少目前)所以在测试,如果我复制在Firefox这是工作在Firefox,但不是Chrome,例如。

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码