如何使用js在网页中提取所有当前视频文件及其地址？

Question

 var imgs=document.images.length;

它可以提取网页上的所有图像。
如何使用js在网页中提取所有后缀为flv的flv文件，例如sample.flv ？不是我本地目录中的所有flv文件而是网页。
firefox中的插件Video DownloadHelper可以获取当前的mp4文件。
为什么我的js代码不能执行相同的任务？

var Links = document.querySelectorAll('a[href$=".mp4"]');
console.log(Links);

如何用fires中的插件Video DownloadHelper等js提取当前视频文件？

Answer 1

雅虎电影使用blob流传输视频数据。 在任何地方都没有直接的mp4/flv链接，也不能直接获得这样的链接。 <video>标记的src引用blob流链接：

<video class="yvp-html5-video" preload="" id="2413371376" src="blob:https://www.yahoo.com/1dfafd99-a1ff-4cc8-bcff-255e69db9977"></video>

当您从Video DownloadHelper下载MP4时，该插件实际上会读取blob流并将其写入MP4文件中的磁盘。 它不下载MP4文件。 如果你尝试Copy URL ，你会得到这样的东西给你的剪贴板：

https://roarack01.vpg.cdn.yimg.com/yahoomovies/61fb473f-04a2-381e-b2ae-9496dfba5e66_VYtMtix1DscECbXMT9tHT7yf2P9BZF-mRCMjBejFgALFHl7NSm1ZXPOMICAOr949v2xUgEASYLw-_1_0_vtt.m3u8?a=yahoomovies&ib=sapi&m=application%2fvnd.apple.mpegurl&mr=0&ns=c+i+ci+cii&vid=61fb473f-04a2-381e-b2ae-9496dfba5e66&x=1479599999&s=370695a7063b6aae06fb7f537c85773a

您可以录制blob流，但这不是一件容易的事。

有关视频blob流的更多详细信息，请查看以下链接：

<video src = blob：url>中的blob是什么？

将HTML5 blob视频导出到MP4

W3C媒体来源扩展

Blob和文件引用的URL

Answer 2

如果我正确理解你想要查找所有具有相关联的.flv的链接。

如果需要，可以使用querySelectorAll并使用css选择器$=选择以.flv结尾的所有链接。

var flvLinks = document.querySelectorAll('a[href$=".flv"]');

Answer 3

要获取目录的所有flv文件，请尝试以下代码 -

var files = fs.readdirSync("YOUR_DIRECTORY");
var path = require('path');

for(var i in files) {
   if(path.extname(files[i]) === ".flv") {
       //do your desired task here
   }
}

希望能帮助到你..：）

Answer 4

您可以在媒体子标签中的Chrome - >网络标签上检查所有视频请求。