HTML5播放mp4视频抓包分析

本是古典何须时尚 2023-01-13 10:52 109阅读 0赞

下面是一段html文本：

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<title>Document</title>
    </head>
    <body>
    	<video controls="controls" preload="meta">
    		<source src="http://vjs.zencdn.net/v/oceans.mp4">
    	</video>
    </body>
    </html>

然后抓包

GET /2Q2WA3E3834804F3DC196CF6A84F20E10D54742560E7_unknown_4DDFA3EABEE927293850F4D8227A7F4CAF0E7001_10_116.77.76.203_81/vjs.zencdn.net/v/oceans.mp4 HTTP/1.1
    Host: 10.253.237.4:81
    Connection: keep-alive
    User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.75 Safari/537.36
    Accept-Encoding: identity;q=1, *;q=0
    Accept: */* Accept-Language: zh-CN,zh;q=0.8 Range: bytes=0-23014355 https://blog.csdn.net/LU_ZHAO/article/details/104744996 HTTP断点续传原理 状态码206 Partial Content HTTP/1.1 206 Partial Content Content-Range: bytes 0-23014355/23014356 Content-Length: 23014356 Last-Modified: Wed, 08 May 2013 00:34:04 GMT Cache-Control: max-age=31536000 Content-Type: video/mp4 Date: Fri, 28 Sep 2018 07:11:31 GMT X-Served-By: cache-hnd18742-HND X-Cache: HIT X-Cache-Hits: 0 Expires: Sat, 28 Sep 2019 07:11:31 GMT Age: 3871234 Connection: close NETEAST-CACHE: DISK_HIT NETEAST-URLHASH: A3E3834804F3DC196CF6A84F20E10D54742560E7 NETEAST-COMBIN: R_HIT NETEAST-SITEID: 1000 NETEAST-INFOHASH: 4DDFA3EABEE927293850F4D8227A7F4CAF0E7001 NETEAST-FORWARDED_FOR: 111.221.237.72 Access-Control-Allow-Origin: * Timing-Allow-Origin: *

video标签请求一个http断点续传的请求，服务器发送MP4即可，也就是说只要你给video发送一个MP4文件，他就能自动播放。

发表评论取消回复

表情：

评论列表（有 0 条评论，109人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5 视频播放

![Center][] 具体代码实现  <!-- <video src=

冷不防/ 2024年02月17日 17:50/ 0 赞/ 13 阅读

相关 HTML5播放mp4视频抓包分析

下面是一段html文本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

本是古典何须时尚/ 2023年01月13日 10:52/ 0 赞/ 110 阅读

相关 html mp4断点播放,html5解决大文件断点续传

xhr2 将图片拖拽到此 0% 上传 //拖拽上传开始 //-1.禁止浏览器打开文件行为 document.addEventListener("drop",func

Bertha 。/ 2022年10月07日 12:48/ 0 赞/ 114 阅读

相关 html5视频播放解决方案

html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果，特总结分享给大家。众所周知应用开发分两种：一是原生的native app 二是web ap

秒速五厘米/ 2022年09月23日 11:59/ 0 赞/ 223 阅读

相关 html5视频播放解决方案

关键词：html5 nativeapp webapp mp4 H.264 html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果，特总结分享给

桃扇骨/ 2022年07月21日 11:14/ 0 赞/ 266 阅读

相关 HTML5 Video标签播放MP4失败的问题

今天遇到一个很奇怪的事情，我有两个MP4文件，放在video标签里面播放，结果一个能播放，一个不能播放。如图： ![可以播放的MP4文件][MP4] ![不能播放的MP

ゝ一纸荒年。/ 2022年06月01日 03:47/ 0 赞/ 270 阅读

相关 html5_视频播放

1. 视频播放 <table> <tbody> <tr> <td style="background:rgb(213,213,213);"><p><stro

悠悠/ 2022年05月25日 05:08/ 0 赞/ 350 阅读

相关 mp4缓冲播放

情景描述后台上传mp4文件到服务器，通过nginx代理静态资源MP4把访问地址参数提供给app。app用户反应，视频无法加载。或者加载过慢。（在chrome，f

绝地灬酷狼/ 2022年04月18日 05:03/ 0 赞/ 246 阅读

相关 html5视频播放

<!DOCTYPE html> <head> <meta charset=utf-8> <title>html5播放器</title>

逃离我推掉我的手/ 2022年03月18日 09:24/ 0 赞/ 393 阅读

相关 html5自动播放视频

html5可以直接播放视频。就用标记`<video>`即可，真好。可是怎么自动播放视频？不是有"autoplay"吗？但是，无效。任凭你设属性，或是`video.pla

男娘i/ 2022年03月01日 14:14/ 0 赞/ 390 阅读