视频网站中video标签中的视频资源以blob:http呈现的探索

一、问题场景

想下载知乎视频资源，却发现视频链接是这个样子的

blob:https://v.vzuu.com/b6146956-6e52-406d-8909-f3f1b81ae461

当时一脸懵比啊 ~难道blob:https是什么牛逼的新协议？于是进行了一番探索

二、探寻结论

结论就是blob:https并不是一种协议，而是html5中blob对象在赋给video标签后生成的一串标记，blob对象对象包含的数据，浏览器内部会解析；

在web容器中的页面代码

浏览器访问后的页面代码

这是因为在浏览器中执行了如下js

三、关于资源下载

很多小伙伴查找这个问题，是为了下载视频资源，

资源的真实下载链接可在chrome的调式模式的network中找到，

但有种资源比较特殊，即m3u8格式的资源

这种格式的视频会被分解成很多个小片段，这个链接下载的是一个包含多个小视频（ts格式的视频）的链接集合，这样做的目的是：

1、可以方便切换分辨率（多个ts格式的视频支持无缝流畅播放，MP4不行）；

2、可能就是防止下载吧；

不过根据这个特性，我用java写了一个工具，可方便下载m3u8指向的真实文件，以下是链接：

M3u8ToFile

视频网站中video标签中的视频资源以blob:http呈现的探索相关推荐

视频网站中video标签中blob:http
视频网站中video标签中blob:http 一.问题场景想下载知乎视频资源,却发现视频链接是这个样子的 blob:https://v.vzuu.com/b6146956-6e52-406d-890 ...
如何下载视频网站中video标签中的视频资源以blob:http开头的地址的资源
一.问题场景想下载知乎视频资源,却发现视频链接是这个样子的 blob:https://v.vzuu.com/b6146956-6e52-406d-8909-f3f1b81ae461 当时一脸懵比啊 ...
[html] 说说video标签中预加载视频用到的属性是什么？
[html] 说说video标签中预加载视频用到的属性是什么? 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起通关前端面试题
vue3-video-play视频组件的使用（一）——基本使用 HTML5中Video标签的属性、方法和事件汇总
vue3-video-play视频组件的使用(一)--基本使用 & HTML5中Video标签的属性.方法和事件汇总 npm地址:https://www.npmjs.com/package/v ...
【实战问题】【3】iPhone无法播放video标签中的视频
问题:视频都是MP4格式,视频可以在手机上正常播放.video标签中的视频在安卓点击可以播放,但在iPhone无法播放解决方案: 1,视频编码格式问题,具体iPhone手机支持的是哪些格式可见官方的 ...
php video标签使用方法,HTML_HTML5 video标签（播放器）学习笔记（一）:使用入门，近有在学习html5中video标签（播 - phpStudy...
HTML5 video标签(播放器)学习笔记(一):使用入门近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做 ...
html5标签属性大全_HTML5中video标签如何使用
HTML5中的video标签用于播放视频文件的,在video标签中我们可以设置窗口的宽高,视频的自动播放,循环播放以及视频的封面图片等等 HTML5是下一代HTML,新增了许多新的标签,这些标签实现了 ...
HTML5新增的video标签,HTML5中video标签的使用方法
HTML5中video标签的使用方法发布时间:2020-08-27 11:33:56 来源:亿速云阅读:100 作者:小新这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...
web三件套（经验贴）Google里，video标签播放mkv视频文件
video标签播放mkv视频文件第一次: <embed src="咏春.mkv" hidden="no" loop="true" R ...

视频网站中video标签中的视频资源以blob:http呈现的探索

视频网站中video标签中的视频资源以blob:http呈现的探索相关推荐

最新文章

热门文章