如何在safari或iOS上不使用poster获得HTML5视频缩略图？

在Safari或iOS上，如果不使用poster属性来获取HTML5视频的缩略图，可以通过以下方法实现：

1. 使用Canvas：在视频加载完成后，通过创建一个Canvas元素，并将视频的当前帧绘制到Canvas上，然后将Canvas转换为图片作为缩略图。这可以通过以下步骤实现：

• 创建一个隐藏的视频元素，并设置其src为目标视频的URL。
• 监听视频的loadedmetadata事件，确保视频的元数据已加载。
• 在loadedmetadata事件处理程序中，获取视频的宽度和高度。
• 创建一个Canvas元素，并设置其宽度和高度与视频相同。
• 在视频的loadeddata事件处理程序中，将视频的当前帧绘制到Canvas上。
• 使用Canvas的toDataURL方法将Canvas转换为图片的Base64编码。
• 将Base64编码的图片作为缩略图使用。

示例代码如下：

var video = document.createElement('video');

video.src = 'video.mp4';

video.addEventListener('loadedmetadata', function() {

 var canvas = document.createElement('canvas');

 canvas.width = video.videoWidth;

 canvas.height = video.videoHeight;

 var context = canvas.getContext('2d');

 context.drawImage(video, 0, 0, canvas.width, canvas.height);

 var thumbnail = canvas.toDataURL('image/jpeg');

 // 使用thumbnail作为缩略图

});

video.addEventListener('loadeddata', function() {

 video.currentTime = 0; // 获取第一帧

});

注意：由于涉及到视频加载和绘制，以上代码需要在用户与页面进行交互后触发，否则可能会被浏览器阻止。

1. 使用第三方库：还可以使用一些第三方库来简化获取HTML5视频缩略图的过程，例如video-thumbnail-generator、video-thumbnail等。这些库提供了更简单的API和更多的功能选项，可以根据具体需求选择合适的库进行使用。

以上是在Safari或iOS上不使用poster属性获取HTML5视频缩略图的方法。请注意，这些方法并不依赖于特定的云计算品牌商，因此不需要提及腾讯云或其他云计算品牌商的相关产品。