h5 video poster 适配

对于h5 video的poster属性，可以通过以下两种方式进行适配：

1. 使用响应式图片

可以使用响应式图片来作为poster，这样可以根据设备屏幕大小自动切换不同分辨率的图片，从而提高页面加载速度和用户体验。可以使用srcset和sizes属性来实现响应式图片。

例如：

<video poster="small.jpg">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <img src="large.jpg" srcset="small.jpg 480w, medium.jpg 768w, large.jpg 1280w" sizes="(max-width: 480px) 100vw, (max-width: 768px) 50vw, 50vw">
</video>

2. 使用CSS背景图片

可以使用CSS的background-image属性来设置poster，这样可以通过CSS来控制图片的大小和位置，从而适配不同设备的屏幕大小。

例如：

<video>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
</video>

<style>
  video {
    background-image: url('poster.jpg');
    background-size: cover;
    background-position: center center;
  }
  
  @media (max-width: 768px) {
    video {
      background-image: url('poster-mobile.jpg');
    }
  }
</style>

这样可以根据不同的屏幕大小设置不同的poster图片。