Hiya,
First up, sorry if this is in the wrong section but wasn't too sure where else to put it.
Having a problem with an mp4 video that was uploaded to Webflow for use in a site. In the published webflow site it works absolutely fine.
I downloaded the exported file from the browser which is called :
58889897175c717e43f8742b_FreeSmokeYoutube_1-transcode.mp4
and uploaded it to my server (I will when ready be uploading all of the Webflow site to my own server and not using the Webflow hosting as I will end up integrating the templates with an external CMS at some point in the future).
Using this code :
<!DOCTYPE html>
<html>
<head>
<title>Autoplay Test</title>
<style type="text/css">
body {
background-color: #000;
}
</style>
</head>
<body>
<video autoplay playsinline loop muted>
<source src="https://daks2k3a4ib2z.cloudfront.net/588685a117b1cd4449c92bd3/58889897175c717e43f8742b_FreeSmokeYoutube_1-transcode.mp4" type="video/mp4">
<!-- <source src="58889897175c717e43f8742b_FreeSmokeYoutube_1-transcode.mp4" type="video/mp4"> -->
</video>
</body>
</html>
Where I am linking directly to the file hosted on the Webflow servers it works fine, if I comment out the working video source and instead un-comment the source which is a direct link to the exact same file but which is instead saved on my server then nothing loads / works.
The link to the page is :
http://www.helitorque.com/autoplay-test.html
Not really too sure why this is happening though. I can see in the developer console in Safari that it isn't finding the resource but that makes no sense as it is definitely there
Any help with this would be greatly appreciated.
Many thanks.
Best wishes,
Mark