我目前在一个 div 中有一个 HTML 视频,可以为桌面浏览器自动播放。我正在尝试实施一个修复程序,禁用video
移动设备并仅在其位置显示视频海报。我觉得它应该是一个简单的修复,但我找不到任何 CSS 或 JS 来做到这一点。
下面的代码:
<div class="row">
<div class="col-1 no-padding">
<video loop muted autoplay poster="images/joe-rule/banner.jpg" class="width">
<source src="images/joe-rule/video-reel.mp4" type="video/mp4" >
</video>
</div>
</div>