Embed video not showing on mobile?

I’m having an issue with my video which I have embedded - hosted on dropbox. It’s showing up on the designer preview fine, but not when I check the live mobile page. It seems to be working fine on desktop.

This is the code I’m using:

<video playsinline autoplay muted loop width="100%">
<source src="https://www.dropbox.com/s/avbpni5ask88cvg/output_HD1080.mp4?dl=1" type="video/mp4">
</video> 

Is there a way I can make the video play on mobile?


Here is my site Read-Only: https://preview.webflow.com/preview/rebeccas-ultra-awesome-project-27061c?utm_medium=preview_link&utm_source=designer&utm_content=rebeccas-ultra-awesome-project-27061c&preview=59b48e3591d32c69215217f8dc4131c6&mode=preview

I’m guessing you’re on Android?

Autoplay HTML5 videos used to be blocked from autoplaying on mobile, then iOS10 authorized them, then more changes appear… and now I believe it is inconsistent.

You need a HTML5 player with a play button.