获取网页链接里的视频原件

此篇文章故事发生的背景是：某教师想要提取某公众号的视频资源作为教学文件，一开始这位老师的需求是将她自己录好的视频进行页面裁剪（如下图，将录的视频裁剪成只有视频区域），着实难到我了，后面仔细发现录的视频是某地方的链接资源，于是发现我可以用专业知识帮其获取视频原件即可达到需求。

开始教学吧

此篇文章面向用户为非技术人员，还是详细点，并且统一使用谷歌浏览器讲解。

准备

1、下载并安装谷歌浏览器 https://www.google.cn/intl/zh-CN/chrome/ 傻瓜式安装即可

2、将谷歌浏览器设置为默认浏览器（只window10用户，其他版本大同小异，mac用户自行百度查询如何设置默认浏览器）

2.1、点击右下角 “开始”（window的logo）菜单，然后点击设置

2.2、点击主页

2.3、点击应用

2.4、点击默认应用

2.5、点击web浏览器下方当前默认浏览器然后选择谷歌浏览器

3、打开某公众号链接，点击上方使用默认浏览器打开

至此准备工作已做好

方法一

1. 在打开的链接中点击键盘上的 F12 按键弹出控制台如下图所示

2. 点击控制台上的netword，然后选择 ALL类型默认也是All类型

3. 清空控制台newword上已发起的网络请求,此操作的目的在于等会更加方便快速的看到目标请求.清空后将如上图（第2步所示）

4. 点击网页页面上的播放按钮，此时控制台上newword窗口就会展示发起的All(所有)网络请求列表，展示如下

5. 找到type为 media类型的那行。点击最左边的name，然后展示如下。复制如下图红框部分的 requrest URL

6. 将复制的链接在浏览器中打开，展示如下。然后点击右下角三个点就会有下载按钮。点击下载即可。

第二种方法

在谷歌浏览器浏览该网页
点击F12 弹出控制台
点击播放视频
鼠标移至视频处，点击右键=> 点击检查就会如图所示

5.复制video标签里面 src=“值” 中的值就是MP4文件地址

6.将地址在浏览器窗口打开，然后下载即可

第三种方法

对于第一二种方法都找不到的情况下，采用此方法

在谷歌浏览器浏览该网页
点击F12 弹出控制台
点击播放视频
在控制台上找到console按钮并点击，然后点击清除控制台上的所有日志，方便查看

5.复制此代码到控制面板上并回车, 展示如下图所示

document.getElementsByTagName("video")

6. HTMLCollection左边的箭头点击会展开详细内容,同理后面的也点击展开

7. 展开后如下，由于内容很多又会有部分被省略，需要点击 ... 才会展示出来点击如下图所示

8. 然后找到src字段，复制后面的链接。

9. 在浏览器中打开此链接，然后下载

总结

以上三种方法，其实最终目的就是找到MP4链接地址，然后再浏览器中打开，使用自带播放器里面的下载功能实现下载MP4文件。此篇文章希望能帮到有需要的你们。如有问题或者合作可私聊.

温馨提示

此篇文章所有附属图片可能涉及到的域名部分均已打码。如有侵犯，敬请告知，并及时处理。