抖音视频播放为什么 403？aweme_id 和 video_id 完整指南

抖音视频播放为什么 403？aweme_id 和 video_id 完整指南

【免费下载链接】douyinVue3 + Pinia 仿抖音，Vue 在移动端的最佳实践 . Imitate TikTok ，Vue Best practices on Mobile项目地址: https://gitcode.com/GitHub_Trending/do/douyin

打开 douyin-vue 项目的 public/data/videos.json，任意一条视频记录里都躺着两个值：7265649807396474112这样的 19 位数字，和v0300fg10000cna0c8bc77ufge7emlsg这样一长串字母数字。前者是 aweme_id，后者是 video_id。新手最常在这里栽跟头：拿到一个 ID 就以为万事大吉，结果一调播放接口就 403。把一条视频想成一餐外卖，aweme_id 是"订单号"，video_id 是"菜品条码"，sign 是"餐票有效期章"——三者各管一段。这篇文章带你把这两个 ID 各管什么、藏在数据的哪一层、怎么取、怎么验证，一次讲透。

打开视频为什么 403：aweme_id 与 video_id 用反的失败现场

最常见的新手现场是：拿到视频数据，把7265649807396474112塞进play/?video_id=后面，浏览器回你一个 403，页面视频黑屏。问题就出在"拿订单号去换菜"——play/?video_id=这个参数只认 video_id，传错类型必被拒。

还是那顿外卖：抖音的服务端接口大多以 aweme_id 为入参，查标题、查作者、查评论，靠的都是这串"订单号"；而视频文件在 CDN 上的位置，则由 video_id 这个"菜品条码"标识，v开头的那串就是它。另外注意，url_list 里还挂着一个 sign 签名，相当于餐票上的有效期章——没章或者章过期，这顿饭照样吃不上。所以播放地址其实由三段拼成，缺一段都不行。

逐层拆解 video.play_addr：aweme_id 和 video_id 分别藏在数据哪一层

顺着一条真实记录往下拆。顶层字段aweme_id取值为7265649807396474112，它标识"这是哪条作品"，查评论、查作品列表都拿它当入参。往下钻到video.play_addr，video_id 就藏在这里：

1. uri：直接就是 video_id 的值，如v0300fg10000cna0c8bc77ufge7emlsg，一个裸的"菜品条码"。
2. url_list：拼好的完整播放地址，开头形如https://www.douyin.com/aweme/v1/play/?video_id=v0300fg10000cna0c8bc77ufge7emlsg&line=0&file_id=...&sign=...。
3. file_id与sign：URL 里带文件指纹和临时签名，分别对应快照字段file_id和sign，与file_hash、file_cs一起校验文件完整性。
4. 同一对象里width1280、height720 标清分辨率；而封面图cover的 url_list 存的是本地文件名-ASguSbayah2UaERIU22p.png，说明封面已下载进仓库，播放地址才指向远程 CDN。

从下拉刷新到播放视频：视频播放地址的完整请求链路

按时间顺序串一遍，每一步都有明确负责人：

1. 页面发起请求：推荐流页面调用 src/api/videos.ts 里定义的recommendedVideo，只负责"发请求、收数据"。
2. mock 层拦截：src/mock/index.ts 用 axios-mock-adapter 把/video/recommended拦下来，从本地 JSON 里slice出分页数据返回，前端完全不知道数据来自本地快照。
3. 评论按 aweme_id 取：/video/comments被同样拦截，mock 拿前端传来的 aweme_id 去拼文件路径，加载comments/video_id_${id}.md；没有对应记录就随机挑一条，评论页永远有内容。
4. 浏览器播片：组件侧（如 src/components/slide/BaseVideo.vue）把video.play_addr.url_list第一项喂给<video>标签，视频直接播起来。

整条链路里没有任何实时计算播放地址的逻辑，播放用的就是快照里那份带 sign 的现成 URL。

抓取视频数据的最小验证路径：video_id 怎么取、怎么验证

1. 数据从哪来：打开 public/data/videos.json，定位任意一条记录的video.play_addr对象。
2. 怎么取：读uri就是裸 video_id；想看完整地址就读url_list。
3. 怎么验证：把uri与 url_list 里video_id=后面的参数对比，两者一致说明这份快照的 ID 链路是完整的；再在 Network 面板过滤play关键字，请求回 200 即播放正常。若回 403，九成是传成了 aweme_id；一直转圈则是 sign 过期，见下一节。

签名过期与 ID 混淆：抖音视频播放避坑清单

1. 现象：403，视频黑屏。原因：拿 aweme_id 去拼play/?video_id=。正确做法：记住"查数据用 aweme_id，拼播放用 video_id"，两个 ID 不能互相推导。
2. 现象：视频隔段时间重跑就不动了。原因：快照里的 sign 有时效性，过期后 CDN 拒绝。正确做法：把本地数据当一次性快照，长期维护就定期重新抓取。
3. 现象：读评论脚本时对不上号。原因：node/comment/process.js 拆出的文件名叫video_id_7260749400622894336.json，前缀是 video_id，里面的值却是 aweme_id。正确做法：看文件名别猜内容，按文件内部字段名判断归属。
4. 现象：接口一改版，数据字段全乱。原因：抖音返回字段不定期调整。正确做法：学 node/post/process-post.js 用字段白名单裁剪原始响应，只留白名单里的字段，把适配逻辑集中在数据处理层，前端不动。

一句话收尾这条链路：aweme_id 负责找到作品，video_id 负责找到文件，sign 负责证明此刻有资格播放，而 douyin-vue 只做一件事——把抓好的快照存下来，让 mock 层原样回放，前端就能完整体验无限滑动的视频流。本地跑起来很简单：

git clone https://gitcode.com/GitHub_Trending/do/douyin cd douyin npm install npm run dev

启动后记得把浏览器切到手机模式（F12 再按 Ctrl+Shift+M），竖屏滑动才是它的正常打开方式。

【免费下载链接】douyinVue3 + Pinia 仿抖音，Vue 在移动端的最佳实践 . Imitate TikTok ，Vue Best practices on Mobile项目地址: https://gitcode.com/GitHub_Trending/do/douyin