我正在尝试将YouTube视频源放入HTML5<video>
标签,但似乎不起作用。经过一番谷歌搜索,我发现HTML5不支持YouTube视频URL作为来源。
您可以使用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&itag=43&ipbits=0&signature=D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&sver=3&ratebypass=yes&expire=1300417200&key=yt1&ip=0.0.0.0&id=37da319914f6616c"></video>
注意那里似乎有些expire
东西。我不知道该src
字符串可以工作多长时间。
仍在测试自己。
编辑(2011年7月28日) : 请注意,此视频src特定于您用于检索页面源的浏览器。
我认为Youtube是动态(至少当前)生成的HTML,因此在测试是否在Firefox中进行复制时,这种方法适用于Firefox,但不适用于Chrome。
问题内容: 关于YouTube API博客,他们正在试验新的 HTML5 视频播放器。 显然,要使用html5播放视频,您必须使用iframe嵌入代码: 但是,如果客户端尚未加入HTML5试用版,则即使客户端的浏览器支持HTML5视频,播放器也会自动退回到Flash播放器中。 如果用户尚未参与HTML5试用版,即使浏览器支持,如何强制HTML5视频播放? 否则,如何禁用Flash后备广告? 问题答
问题内容: 是否可以将html5-视频显示为画布的一部分? 基本上与您在画布上绘制图像的方式相同。 谢谢! 问题答案: var canvas = document.getElementById(‘canvas’); var ctx = canvas.getContext(‘2d’); var video = document.getElementById(‘video’); 我猜上面的代码是自我解
问题内容: 我正在尝试创建一些网站模板来帮助我提高前端开发技能,因为我目前在后端工作上要好得多。 我试图在某种程度上复制我自己的网站的样式,这是一个简单的Bootstrap模板。但是,我不想在标题中使用静态照片,而是将其替换为Youtube视频。我首先减少了网站中使用的模板,然后将其减少到我认为不破坏标题的程度。 我在附近找到了一些代码,以显示如何将Youtube视频设置为整个页面的背景,而不是页
问题内容: 我正在使用视频代码,并且我想使用其中的任何网址 我已经检查过了。将Youtube视频源显示为HTML5视频标签?。这不能解决我的问题 问题答案: [MediaElement YouTubeAPI示例 将YouTube API封装在HTML5 Media API包装器中,以便可以像对HTML5一样对它进行编程。
function checkVideo() { if(!!document.createElement('video').canPlayType) { var vidTest=document.createElement("video"); oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); if (!oggTest
在本机(Java)Android应用程序中,我试图打开一个URL,它是Youtube视频。 我尝试过以不同的有效方式格式化URL,例如: http://www.youtube.com/watch?v=codehere https://www.youtube.com/watch?v=codehere https://youtu.be/codehere 但我总是在Youtube应用程序中出现“此视频不