最稳妥方式是用平台提供的合法 embed 地址；因外部视频直链多含鉴权、防盗链或 CORS 限制，直接作 video/src 或 iframe/src 会触发 403、CORS error 或静默失败。
直接用 嵌入外部视频最稳妥，不依赖本地文件、不用管编码兼容性，但必须用平台提供的合法 embed 地址，不能随便扒直链。
为什么不能直接 src 外部视频地址
浏览器会拦截跨域请求，多数视频平台（YouTube/Bilibili/抖音）的视频文件 URL 是带鉴权或防盗链的，直接塞进 会触发 CORS error 或返回 403；即使能加载，也可能因 MIME 类型不匹配、协议不一致（HTTP vs HTTPS）或平台策略（如 B 站禁止非 embed 域名访问）而静默失败。
YouTube 嵌入必须用 embed 路径 + 正确参数
YouTube 视频 ID 是 v= 后那串 11 位字符（如 dQw4w9WgXcQ），嵌入地址必须是 https://www.youtube.com/embed/VIDEO_ID，不是 watch 页面链接。
- 自动播放需同时加
?autoplay=1&mute=1，仅autoplay=1在 Chrome/Firefox 中会被忽略 -
allow属性必须包含autoplay和picture-in-picture，否则移动端可能无法画中画或静音播放 - 不要删掉
allowfullscreen，否则全屏按钮灰显 - 示例：
<iframe width="100%" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Bilibili 和抖音必须走官方嵌入流程
Bilibili 的 src 必须是 //player.bilibili.com/player.html?bvid=xxx 格式，且域名必须为 player.bilibili.com；抖音则必须通过网页版“嵌入视频”按钮生成的代码，src 是 https://www.douyin.com/embed/xxx（注意不是 v.douyin.com 短链）。
- Bilibili 嵌入默认不支持自动播放，加
&autoplay=true无效；如需静音自动播，需额外配置&mute=1并确保页面已获得用户交互授权（比如先点过按钮） - 抖音竖屏视频建议固定宽高比：设
width="320" height="568"或用 CSS 容器控制比例，否则在 iOS 上可能拉伸 - 两者都严禁将
的src替换为平台视频页 URL（如https://www.bilibili.com/video/BV1xx），这只会加载整个网页，不是播放器
别碰
除非你明确知道该 URL 是公开、无防盗链、MIME 正确、支持 CORS 且协议匹配的静态资源（比如自己 CDN 上的 MP4），否则不要尝试把第三方平台的所谓“直链”塞进 。Bilibili 的 play_addr.url_list[0]、抖音的 play_url 都是动态 token 化地址，有效期极短，且校验 referer 和 UA，JS 动态注入也大概率失败。
真正需要自定义控制逻辑的场景，应优先考虑平台开放 API（如 B 站 OAuth 获取播放地址），而不是硬啃 iframe 或伪造请求。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
