My site has as bg
a video that is in autoplay
.
However, when on mobile, I want this video not to run, leaving only pause
to show a background image.
If I put display:none
in CSS it gets a bg
black.
<video nocontrols muted autoplay loop>
<source src="video1.mp4" type="video/ogg">
<source src="video1.mp4" type="video/mp4">
<object data="video1.mp4"></object>
</video>
and in CSS mobile:
video{ display:none }
Any suggestions?