Gif to replace background video doesn't play on iPad in landscape

Hi I have created this site with a background video and have it set up to replace the video with a gif on mobile devices. Its all working fine until I turn the iPad in landscape mode, then the gif doesn’t play and it displays a still from the video.

Does anyone know how to get the gif to play in landscape on an iPad?

Here is my public share link: