Using an HTML embed element to display a video on this page: 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!!