Video on mobile

Hi,

I found some messages on similar topic and tried all of them but I can't fully control how the video plays on desktops and it does not play at all on mobile. I settled on the following code:

	<section id="slider" class="slider-element min-vh-100 include-header">
		<div class="slider-inner"> 
			<div class="video-wrap" style="z-index: 1;">
	<video id="slide-video" poster="images/video/logo_splash.gif" preload="auto" controls>
					<source src='images/video/rockaway_bitch.mp4' type='video/mp4' />
					<source src='images/video/rockaway_bitch.webm' type='video/webm' />
				</video>
				</div>
		</div>
	</section>

I hope you could let me know how to fix this problem.

Thank you,
Maciek

This is the URL: https://rockawaybitchnyc.com/