当前位置: 首页 > 面试题库 >

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

夹谷琨
2023-03-14
问题内容

我正在尝试将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&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字符串可以工作多长时间。

仍在测试自己。

编辑(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应用程序中出现“此视频不