Question

我无法在youtube的html5版本的源代码中找到标记。

Q.1）。关于如何播放没有视频元素的HTML5视频的任何想法？

一个选项是它正在添加来自JS的视频元素，但即使在web-inspector的DOM中我也无法找到视频元素。

Q.2）。如何在web-inspector或firebug中查找视频元素？

PS：我是网络开发的新手。

Answer 1

肯定存在。我随机选了一个video，然后：

<video 
    class="video-stream" x-webkit-airplay="allow" data-youtube-id="iF83wwij828" 
    poster="http://i2.ytimg.com/vi/iF83wwij828/hqdefault.jpg" 
    src="http://v14.lscache3.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hQRVVRV19FSkNOMF9NS0FD&amp;itag=43&amp;ip=0.0.0.0&amp;signature=60D26B708E92E1636CA3B34A389B1A4406DF290F.BD57D8B601A61EFF68CEF6726754DAD6D9C7C2A9&amp;sver=3&amp;ratebypass=yes&amp;expire=1310569200&amp;key=yt1&amp;ipbits=0&amp;id=885f37c308a3f36f">
</video>

我的浏览器：Mac OS X上的Chrome 12.0.742.100，带有开发人员工具 - ＆gt;元素标签 - ＆gt;搜索“＆lt; video”

开发人员工具将显示向最终用户呈现的内容，与“查看源代码”不同。

或者，查看名为watch的JavaScript文件。我在第1464行找到了这个：

'PLAYER_CONFIG':
    {"url": "http:\/\/s.ytimg.com\/yt\/swfbin\/watch_as3-vfl7OZAr4.swf",
     "min_version": "8.0.0", 
    "args": {"rv.2.thumbnailUrl": "http:\/\/i4.ytimg.com\/vi\/_jjXCm3W4hA\/default.jpg",
    "rv.7.length_seconds": 374, 
    "rv.0.url": "http:\/\/www.youtube.com\/watch?v=fvVJ7U-TekE", 
    "rv.0.view_count": 14234, 
    "enablecsi": "1", 
    "rv.2.title": "Alan Grayson (HD): \"Which Foreigners Got the Fed's $500,000,000,000?\"  Bernanke: \"I Don't Know.\"", 
    "rv.4.rating": "", "rv.3.view_count": 8109, "is_doubleclick_tracked": "1",
    "rv.4.thumbnailUrl": "http:\/\/i1.ytimg.com\/vi\/PlaFDyjCeVQ\/default.jpg", 
    "fmt_url_map": "34|http:\/\/o-o.preferred.lhr14s07.v21.lscache6.c.youtube.com\/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor%2Coc%3AU0hQRVVSVF9FSkNOMF9NTFhF\u0026algorithm=throttle-...

我猜如果你匹配fmt_url_map，你就会找到它。

Answer 2

我找到了一种更简单的方法来获取网址。

转到http://en.fetchfile.net/（或允许您从YouTube和类似网站下载视频的任何其他网站）
粘贴youtube视频链接（来自浏览器地址栏）
它会显示下载视频的链接，实际上是视频链接。见下面的截图。您可以右键点击下载视频＆＃39;按钮和＆＃39;复制链接地址＆＃39;。您现在拥有服务器的实际视频URL。

这也适用于使用HTML5视频的许多其他网站，其中视频链接在视图源中不可用。

Answer 3

当你在firefox中使用视图源时，你不会看到它，因为它是用一些javascript生成的。最简单的方法是安装Firebug并选择inspect元素，然后点击视频，你会看到视频标签

如何从youtube的HTML5版本获取HTML5视频网址？

3 个答案: