video标签无法加载本地文件是因file://协议被浏览器安全策略限制，需用http/https服务；路径须相对HTML文件且用正斜杠；MP4需H.264+AAC编码；跨域需服务端配置CORS头；自动播放须加muted属性。
video 标签不加载本地文件？路径和协议是关键
直接双击 HTML 文件打开时，
标签无法播放
协议下的本地视频，浏览器会因安全策略拒绝加载——这不是代码写错了，是协议限制。
用
或
（比如通过
启动本地服务）才能正常加载
路径必须相对当前 HTML 文件位置，不是相对于你“觉得它应该在”的位置；常见错误是把视频放错文件夹却反复改
写法
Windows 下别用反斜杠
，一律用正斜杠
：写成
，不是
MP4 播不了？检查编码格式和 MIME 类型
即使路径对、协议对，
标签仍静音或显示黑屏，大概率是视频没用浏览器支持的编码——MP4 容器不等于一定能播，关键是里面的视频流是否为
，音频流是否为
。
用
查看编码：关注输出里
和
用
重编码最稳妥
如果走本地服务器，确保服务器返回正确的
：MP4 应为
，否则某些浏览器（如 Safari）会拒绝解析
在线视频跨域失败？加
不等于能解
从其他域名加载视频时，控制台报
或提示 CORS 错误，说明响应头没开权限——光在
标签加
属性没用，服务端必须配合。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
加
是前提，但真正起作用的是服务器响应头是否包含
（或指定域名）
CDN 或对象存储（如 S3、OSS）需手动配置 CORS 规则，不能只改前端标签
如果只是想预览，且视频源可控，优先用同源地址；跨域仅在必要时引入，别为了“看起来高级”硬加
自动播放被阻止？
是硬性条件
Chrome、Safari 等现代浏览器默认禁止有声音的自动播放，哪怕写了
，也会静音或直接停在首帧——这不是 bug，是策略。
立即学习
“
前端免费学习笔记（深入）
”；
要实现自动播放，必须同时加
和
：
如果需要带声播放，只能靠用户首次交互（如点击按钮）后调用
方法，且该调用必须在事件回调内，不能延迟或丢到
里
在 iOS Safari 上很重要，否则视频会强制全屏，影响布局
有些问题看着像 HTML 写得不对，其实是协议、编码、响应头或浏览器策略在拦路。改一行
不解决路径错，加十个属性也绕不过
编码要求。动手前先搞清哪一层在报错，比盲目试更省时间。
videofile://http://https://python -m http.serversrc="video.mp4"srcsrc\/src="assets/video.mp4"src="assets\video.mp4"videoH.264AACffprobe video.mp4Video: h264Audio: aacffmpeg -i input.mp4 -c:v libx264 -c:a aac -movflags +faststart output.mp4Content-Typevideo/mp4crossoriginFailed to load resource: net::ERR_FAILEDvideocrossorigincrossorigin="anonymous"Access-Control-Allow-Origin: *crossoriginmutedautoplayautoplaymutedplay()setTimeoutplaysinlinesrcH.264