Gif shows up on editor but not when browsing on mobile

[gunther1]

Hi there, hoping to find a solution for the following:

i have included a custom liquid to display a gif on my product page, the code is:

<video playsinline="" loop="" muted="" autoplay="autoplay" preload="" id="vid" width="100%">
<source src="link inserted here" type="video/webm">
</video>

(i use the theme "sense")

it shows up just fine when i am in the editor mode, it plays and displays just fine. but when i uploaded the changes and browse the page on my mobile, the gif doesn't show up at all - just blank white space.

any idea how i can fix this? thanks a lot!