jquery video自动获取封面

要使用jQuery获取视频的封面，可以使用以下步骤：

首先，确保你已经在HTML中添加了一个视频元素，并为其设置了一个唯一的ID，例如：

<video id="myVideo" src="video.mp4"></video>

接下来，使用jQuery的ready函数，在页面加载完成后执行以下代码：

$(document).ready(function() {
  // 获取视频元素
  var video = $('#myVideo')[0];

  // 监听视频的loadedmetadata事件，确保视频已加载完元数据
  $(video).on('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();

    // 将封面设置为一个图片元素的背景
    $('#coverImage').css('background-image', 'url(' + dataURI + ')');
  });
});

在上述代码中，我们首先获取视频元素，并在其loadedmetadata事件上添加一个监听器。一旦元数据加载完成，我们创建一个新的canvas元素，并将其宽度和高度设置为视频的宽度和高度。然后，我们使用canvas的getContext('2d')方法获取2D上下文，并使用drawImage方法将视频绘制到canvas上。最后，我们使用canvas的toDataURL方法将canvas转换为base64编码的数据URI，然后将其设置为一个具有唯一ID“coverImage”的图片元素的背景图像。

请注意，上述代码中的“coverImage”是一个具有唯一ID的图片元素，你需要在HTML中添加它：

<img id="coverImage" src="">

这样，当页面加载完成后，视频的封面将自动获取并设置为图片元素的背景图像