移动端不使用poster设置视频封面为第一帧

如果您不想使用poster属性设置视频封面为第一帧，您也可以使用JavaScript来实现。

1. 首先，您需要给video元素添加一个id属性，例如：

<video id="my-video" width="320" height="240">
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

2. 然后，在JavaScript中获取video元素并监听它的loadedmetadata事件。在这个事件的回调函数中，您可以获取视频的第一帧图片，并将其设置为视频的封面。例如：

var video = document.getElementById('my-video');
video.addEventListener('loadedmetadata', function() {
  var canvas = document.createElement('canvas');
  canvas.width = this.videoWidth;
  canvas.height = this.videoHeight;
  canvas.getContext('2d').drawImage(this, 0, 0, canvas.width, canvas.height);
  var dataUri = canvas.toDataURL();
  this.setAttribute('poster', dataUri);
});

这段代码中，我们先创建一个canvas元素，将其大小设置为视频的大小，然后调用drawImage方法将视频的第一帧绘制到canvas上。最后，我们将canvas转换为DataURL，并将其设置为video元素的poster属性值，从而实现视频封面为第一帧。

注意，这种方法可能会增加页面加载时间，因为需要等待视频的元数据加载完成后才能获取第一帧图片。