Show HTML5 video on full load on desktop but never load on a mobile device

I'm trying to acheive something like this https://thecleansekitchen.com.au/

The video should only be visible once it's completely loaded and no video should be loaded on mobile devices.

How can I do that?

Also, I have two more videos down on my webpage that should be counted in.