javascript - 从 html 页面抓取视频和图像

Question

我正在使用 JavaScript 制作一个小书签，以从 HTML 页面中获取图像和视频。我很容易很容易地抓住了所有的图像，比如，

$('img', $('body'))

现在我想从不同的来源（如 Youtube、Vimeo、Dailymotion 等）获取嵌入网页中的所有视频，那么有人可以给出一些关于如何使用一些示例 JavaScript 代码来实现这一点的想法吗？

注意：我只需要从外部站点获取嵌入式视频的链接。

Answer 1

例如，Youtube 允许您使用<object>旧版本的标签或 iframe 嵌入视频。Vimeo 也为您提供 iframe 中的嵌入视频。因此，通过选择所有<iframe>和<embed>元素，您可以通过使用以下代码选择它们轻松地从中获取视频链接：

var videos = $('iframe, embed');

Edith：实际的视频链接在src标签中，带有 iframe 和 embed 对象。

Answer 2

如果您使用 嵌入视频<iframe>，则可以使用“属性以选择器开头 [name^="value"]：

var videos = $('iframe[src^="http://youtube.com"]');

例如，这将从 YouTube 中选择所有嵌入的视频。

编辑

正如您所说，您想要来自外部站点的所有视频，这应该可以：

var host = $(location).attr('host');
var videos = $('iframe:not([src^="http://' + host + '"])');