Javascript 加载的iphone视频图像未显示

我在我的网页上显示视频，其中包含以下内容：

<div class="gl-bot-left">
    <video controls="">
        <source src="https://www.sustainablewestonma.org/wp-content/uploads/2019/09/video.fixgasleaks.mp4" 
                type="video/mp4">Your browserdoes not support the video tag.
    </video>
</div>

您的浏览器不支持视频标签。

这在桌面上运行良好。视频加载后，您可以看到开始的图像。然而，在iphone上，我得到的是播放按钮的图像，而不是实际的图像。当我按下它，视频开始。有没有一种方法可以在视频首次加载时显示其图像？

HTML

对象具有特定的用例属性：

poster

。它指定在视频播放尚未开始时要显示的图像

您的浏览器不支持视频标签。

因此，这在桌面上是可行的，但在iphone上，我仍然只能看到一个灰色圆圈，里面有一个白色三角形，代表播放按钮。单击时，视频将播放。如何让iphone在视频加载时显示图像？