我试图将YouTube视频源添加到HTML5<video>标签中,但似乎不起作用.通过谷歌搜索,我发现HTML5不支持将YouTube视频URL作为来源.

你能用HTML5嵌入YouTube视频吗?如果没有,有什么解决办法吗?

推荐答案

第一步:将&html5=True添加到你最喜欢的youtube url

第2步:在源代码中查找<video/>个标签

第三步:视频标签加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>

注意,似乎有大约expire个东西.我不知道src根绳子能用多久.

还在测试我自己.

100: 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.

Html相关问答推荐

HTML CSS如何使用图像作为中心点将元素置于中心

HTML5章节或文章

需要帮助实现悬停动画效果

Angular 分量被循环

为所有必填字段添加所需的占位符文本(Angular Material)

如何在一行文本溢出省略号后显示文本?

小虫?CSS Flexbox间隙应用于两个内联文本块之间,因为它们之间存在绝对定位的元素

未知高度正在应用于前标记

有没有办法根据另一个项目调整FlexBox项目的大小?

现代网络浏览器可以并行下载哪些类型的网络资源?还有,什么东西不能并行下载?

Angular -表和源映射中未显示的数据错误

如何创建嵌套的动态表单元素

如何显示自定义按钮以将产品添加到WooCommerce购物车?

Swift WKUserContentController 和 WKScriptMessageHandler 设置不正确

伪元素:after和溢出隐藏

如何在 css 和 html 中创建花状 struct

将背景图像裁剪成两半

如何使用 CSS 制作蜂窝状网格?

具有淡入/淡出效果的 CSS 选框

无法从社交栏中 Select 选项