Streaming live at 10am (PST)

HTML embed video not showing on Safari or any mobile browser

Using an HTML embed element to display a video on this page: https://www.jasonmarder.com/gusto-rebrand#

Works just fine on Chrome and Firefox on desktop, and works fully responsively when I adjust browser width. However, the video won’t play in Safari desktop or any browser on mobile. I’ve tried a number of troubleshooting methods suggested across this forum and elsewhere but can’t get anything to work.

Here’s the code I’m working with.

<video autoplay="true" loop="true" muted="true" playsinline="true" width="100%" height="auto">
  <source src="https://www.dropbox.com/s/p8f2fmsc4t9fd76/Sign-in%20Animation_no%20frame%20111919.mp4?dl=1" type="video/mp4" />
  <source src="https://www.dropbox.com/s/luityacz13669hl/Sign-in%20Animation_no%20frame%20111919.webm?dl=1" type="video/webm" />
  <source src="https://www.dropbox.com/s/rtnuzhkt9bvgrc2/Sign-in%20Animation_no%20frame%20111919_.ogv?dl=1" type="video/ogg" />
</video>

Any help very much appreciated!!

Share link: https://preview.webflow.com/preview/jason-marder?utm_medium=preview_link&utm_source=designer&utm_content=jason-marder&preview=12929541614c1e360503d8ad966a8ac8&pageId=5dc874af6ade630c0efd45e6&mode=preview

1 Like

How it compatibility with safari browser

Not showing up in Safari browser on desktop or mobile

I’m having the same issue.

Custom embed component is not rendering on desktop safari or any mobile browser.