隐藏视频并仅在移动设备上显示海报

Question

我有这段代码可以在首页上显示标题视频

<video id="heroVideo" autoplay muted playsinline poster="/img/bc_hero-poster2.jpg">
  <source src="img/bc_hero2.mp4" type="video/mp4">
  <source src="img/bc_hero2.webm" type="video/webm">
</video>

由于某种原因，它无法在iOS设备上自动内联播放，是否有机会隐藏视频并仅在手机和平​​板电脑上显示海报图像？

谢谢