Urgently in need of help embedded movie/videos

Design help Custom code
1

Hello, I could urgently use your help on this!

For context here is a read only of the way an animation works successfully:

https://preview.webflow.com/preview/adamant-1e1cdb?utm_medium=preview_link&utm_source=designer&utm_content=adamant-1e1cdb&preview=a273f255f3d8e9a7ebd7bc291f767f1c&pageId=6292a4dfb289f2d039797b8d&workflow=preview

With that said, the embedded video above is from Dropbox, and also a .mp4 file.

And this was the code I used to make it work:

type or paste code here

<video autoplay loop muted style= "position: relative; max-width:100%;">
<source src="https://www.dropbox.com/s/u9my753wdue2mm8/render1video.mp4?raw=1&autoplay=1" type="video/mp4">
Your browser does not support the video tag.
</video>

I am trying to do essentially the same thing, but the video I am trying to do it for is a .mov file because it was made from png’s, in order to make it have no background.

Here is a public share link to the video I am currently trying to embed into my website: Dropbox - PathfinderHeaderOrb.mov - Simplify your life

This has become a problem multiple times and your help would be greatly appreciated on this!

Thanks,

Scott

2

The code snippet didn’t show up but this was what it was:

Your browser does not support the video tag.

3

Your video appears to be over a 1GB in size. That would defiantly cause problems for users.

Note: any time that you’re experiencing a particular problem it’s really important for you to share exactly what browser you’re using, what version of the browser, and what your operating system is in order for anyone to be able to debug a problem. This is clearly articulated in the topic guidelines.

4

Great resource for browser compatibility questions: