HTML video标签设置poster属性后预览图片不显示问题求助

<video preload="none" width="100%" height="100%" autobuffer="true" controls="true" poster="mypath">
    <source src="mypath" type="video/mp4">
</video>

• poster路径配置错误
  代码中poster属性值为mypath，路径配置错误是最常见的诱因：
  • 需确认路径拼写、文件扩展名完全正确，不存在多字符、漏字符的问题
  • 若服务端为Linux等大小写敏感的系统，需确认路径、文件名的大小写和实际存储完全一致
  • 相对路径是相对于当前HTML文件的位置计算，而非页面引入的CSS、JS文件位置
• 属性冲突问题
  代码中同时使用了已废弃的autobuffer属性和preload属性，二者功能重叠容易引发浏览器解析异常：
  • autobuffer早已被HTML标准移除，仅部分老旧浏览器支持，直接删除该属性即可
  • 部分老旧浏览器在preload="none"配置下会跳过poster资源的加载，可将preload修改为metadata验证问题是否解决
• 资源本身与跨域限制
  • 确认poster指向的图片文件未损坏，且属于浏览器支持的图片格式，低版本浏览器对WebP等新格式支持度有限可更换为JPG、PNG验证
  • 若图片存储在跨域域名下，需确认资源所在域名配置了正确的CORS访问规则，否则浏览器会基于同源策略阻止图片加载
• 样式与脚本的意外干扰
  • 检查是否有CSS代码对video::poster伪元素设置了display: none、opacity: 0等隐藏属性
  • 检查页面运行的JS脚本是否存在动态修改video标签poster属性、覆盖原有配置的逻辑

内容的提问来源于stack exchange，提问作者JJMeliodax