如何让这个html5视频出现在手机上？

Question

我试图让我的网站上的这个视频在你按下播放之前显示为一个材料设计卡，它可以在桌面上工作，但问题是，当它在移动设备上时，它会执行这个奇怪的设置，它会显示播放按钮和隐藏视频，直到你点击它，然后它将你的手机变为视频模式..如何在标签或CSS中覆盖此设置???谢谢。

<video class="hoverable video-mask" id="video1" width="100%" onmouseover="this.play()" onmouseout="this.pause()">
                        <source src='videos/suntegra.mp4' type='video/mp4'/>
                        <source src='videos/suntegra.webm' type='video/webm'/>
                        Your browser does not support HTML5 video.
</video>