poster属性用于在video标签中指定视频加载完成前显示的封面图（占位图），它只在视频尚未播放且未自动开始加载时生效；一旦视频开始加载或用户点击播放，poster图片即被视频画面替代；基本用法是在video标签中添加poster="图片路径"，推荐使用与视频首帧视觉一致、宽高比匹配（如16:9）的jpg/png静态图，注意路径正确及cors配置。
基本用法很简单：直接在 `
poster 图片怎么选？
推荐使用与视频首帧视觉一致的静态图，尺寸建议和视频宽高比匹配（如 16:9），避免拉伸或留白。格式支持 JPG、PNG、WebP 等常见格式。
poster 在什么情况下会显示？
- 页面加载完成，但视频资源还没开始加载（比如设置了 `preload="none"`）
- 用户还没点击播放，且视频没设 `autoplay`
- 视频加载失败或网络较慢时，也会一直显示 poster（直到出错提示覆盖）
常见问题和注意事项
- 如果设置了 `autoplay` 且浏览器允许自动播放，poster 可能一闪而过甚至看不到
- 移动端 Safari 对 `poster` 支持良好，但部分安卓浏览器在 `preload="auto"` 下可能不显示
- poster 不是缩略图 API，不能动态生成；需提前准备好图片并确保路径正确（相对路径注意 HTML 文件位置）
- 可以配合 `controls` 使用，让用户看到封面后主动点击播放
不复杂但容易忽略：确保图片路径可访问，且服务器允许跨域加载（尤其用 CDN 时注意 CORS 配置）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
