从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和嵌入对象。

Answer 2

如果您使用<iframe>嵌入视频，则可以使用“Attribute Starts With Selector [name^="value"]：

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

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

修改

正如你所说，你想要来自外部网站的所有视频，这应该有效：

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