If <video> then don't play on mobile

[452wfr234]

Hi, I have a html5 page using <video> tag and running .webm files. It all works quite smoothly.

However, I would like to not run the video on mobile devices and instead replace it with the jpeg poster.

This is the setup now:

<video id="video" preload="auto" poster="video1.jpg" autoplay muted loop>
                    <source src="video1.webm" type="video/webm" />
					<source src="video1.ogv" type="video/ogv" />
					<source src="video1.mp4" type="video/mp4" />
					Your browser does not support the video tag. I suggest you upgrade your browser.
</video>

Any ideas? Thanks

[Vapr_Arts]

Use media queries to hide the video and show the jpeg for mobile is the quickest way i can think of. Can be done other ways but anytime i can use pure css to do something i try to use that.


Sent from my iPhone using Tapatalk