Video with source webm not looping in safari

I'm having a video tag used as background video, which is working great in all browsers – except safari.

In Safari, it is also playing but not looping. It just stops and stays on the last frame of the video.

Strangely, when I remove the webm source tag and therefore show the .mp4, the video is looping. But with the webm included – which I really want regarding file sizes – its not.

<video autoplay muted loop playsinline class="h-full w-full object-cover object-center">
  <source src="/video1.webm" type="video/webm">
  <source src="/video1.mp4" type="video/mp4">
</video>
Was this page helpful?