poster属性用于设置video元素的封面图，提升美观与体验；2. 用法为在<video>标签添加poster="图片地址"，推荐配合controls和<source>使用；3. 封面图建议尺寸匹配视频、格式选JPG或PNG、大小适中，并可截取视频关键帧；4. 注意路径正确，未设置时显示首帧，部分移动端可能忽略封面，播放后自动隐藏。
在HTML中，poster 属性用于为 video 元素设置视频的封面图，也就是在视频加载前或用户点击播放前显示的静态图片。这个功能非常实用，可以提升页面美观度和用户体验。
poster属性的基本用法
只需要在 <video> 标签中添加 poster 属性，并指定图片的路径即可。语法如下：
<video controls poster="封面图片地址">
<source src="视频文件.mp4" type="video/mp4">
您的浏览器不支持 video 标签。
</video>
其中：
- poster="封面图片地址"：填写图片的URL，可以是相对路径或绝对路径。
- controls：显示播放控件（可选，但建议保留以便用户操作）。
- source：指定视频文件的路径和格式。
选择合适的封面图
为了保证显示效果，建议注意以下几点：
- 图片尺寸与视频分辨率一致，避免拉伸变形。
- 使用常见格式如 JPG、PNG，确保浏览器兼容性。
- 图片大小不宜过大，以免影响页面加载速度。
- 可以从视频中截取关键帧作为封面，更直观地展示内容。
注意事项
使用 poster 属性时需留意：
- 如果未设置 poster，则默认显示视频第一帧（取决于浏览器）。
- 图片路径错误会导致封面无法显示，应检查链接是否正确。
- 在移动端部分浏览器中，可能会自动忽略 poster 图片，直接显示第一帧，这是正常现象。
- 视频开始播放后，poster 图片会自动消失，切换为视频画面。
基本上就这些。合理使用 poster 属性，能让你的网页视频更有吸引力，加载过程也更友好。
