最简可用的标签需包含src或及至少一个兼容格式，推荐用列MP4和WebM，加controls、muted（自动播放时）、playsinline（iOS）和poster，并确保服务器返回正确MIME类型与Accept-Ranges响应头。
HTML5 的 标签本身就能直接播放视频，不需要额外插件，但实际用起来常卡在“点开没画面”“报错 MediaError”“iOS 不自动播放”这些地方——核心问题不是标签写不写得出来，而是资源路径、格式兼容性、属性组合和平台限制没对齐。
怎么写最简可用的
最基础能跑通的写法必须包含 src（或 ）和至少一个可播放的格式。浏览器对编码支持不一致，只放 MP4 很可能在 Firefox 或 Safari 失败。
-
src属性只支持单个地址，适合确定唯一格式且兼容性已验证的场景 - 更稳妥用
列出多个格式，浏览器按顺序试播，遇到第一个支持的就停： - 务必加
controls，否则默认无播放控件；不加preload时多数浏览器会默认设为metadata，但不要依赖它
为什么加了 src 还是黑屏或报错 ERR_BLOCKED_BY_RESPONSE
常见于本地双击 HTML 文件打开，或服务器未正确返回视频 MIME 类型。浏览器拒绝加载类型不匹配或响应头缺失的资源。
- 本地文件协议（
file://）下 Chrome 禁止加载视频，必须起本地服务（如 Python 的python -m http.server） - 服务器需返回正确的
Content-Type：MP4 是video/mp4，WebM 是video/webm，缺失会导致 Safari 直接失败 - 检查 Network 面板里视频请求的 Response Headers，确认有
Accept-Ranges: bytes，否则拖动进度条会失败
iOS 和 Android 上自动播放为啥失效
移动端浏览器（尤其 iOS Safari）强制要求视频满足“静音 + 用户手势触发”才能自动播放，这是硬性策略，绕不过。
