当前位置：文江博客话题详情

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

发布于 2024-11-19 22:42:24 字数 218 浏览 2 评论 0原文

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

问.1）。知道如何在没有视频元素的情况下播放 HTML5 视频吗？

一种选择是它从 JS 添加视频元素，但即使在 web-inspector 的 DOM 中我也无法找到视频元素。

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

PS：我是网络开发新手。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

落花随流水 2024-11-26 22:42:25

当您在 Firefox 中使用查看源代码时您不会看到它，因为它是使用一些 javascript 生成的。最简单的是安装 Firebug 并选择检查元素，然后单击视频，您将看到视频标签

回复收藏 0 原文

东风软 2024-11-26 22:42:24

它肯定在那里。我随机选择了一个视频，并且：

<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&itag=43&ip=0.0.0.0&signature=60D26B708E92E1636CA3B34A389B1A4406DF290F.BD57D8B601A61EFF68CEF6726754DAD6D9C7C2A9&sver=3&ratebypass=yes&expire=1310569200&key=yt1&ipbits=0&id=885f37c308a3f36f">
</video>

我的浏览器：Chrome 12.0。 Mac OS X 上的 742.100，带有开发人员工具 ->元素选项卡 -> 与“查看源代码”不同，搜索“

开发人员工具将向最终用户显示呈现的内容。

或者，查看名为 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，您就会找到它。

It's definitely there. I picked a video at random, and:

<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&itag=43&ip=0.0.0.0&signature=60D26B708E92E1636CA3B34A389B1A4406DF290F.BD57D8B601A61EFF68CEF6726754DAD6D9C7C2A9&sver=3&ratebypass=yes&expire=1310569200&key=yt1&ipbits=0&id=885f37c308a3f36f">
</video>

My browser: Chrome 12.0.742.100 on Mac OS X, with Developer Tools -> Elements tab -> Search for "<video"

Developer Tools will show what's rendered to the end-user, unlike "view source".

Alternatively, have a look inside the JavaScript file called watch. I found this around line 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-...

I guess if you match for fmt_url_map, you'll find it.

回复收藏 0 原文

冷弦 2024-11-26 22:42:24

我发现了一种更简单的方法来获取 URL。

转至 http://en.fetchfile.net/（或任何其他允许您下载视频的网站） youtube 和类似网站）
粘贴 youtube 视频链接（来自浏览器地址栏）
它会显示下载视频的链接，这实际上是视频链接。请参阅下面的屏幕截图。您可以右键单击“下载视频”按钮并“复制链接地址”。您现在已经从服务器获得了实际的视频 URL。