Hey,
Through the forums I have found how to embed a video to auto play and loop on my site as well as being responsive to browser changed. However using the below solution on Iphone mobile it just shows blank spaces on mobile. Any suggestions?
Code used:
<video playsinline autoplay muted loop width="100%">
<source src="https://uploads-ssl.webflow.com/5c76928fdcc2cc846da01c10/5c76928fdcc2cc303ba01ef6_Create Capsule Seth-transcode.mp4" type="video/mp4">
</video>
Here is my site Read-Only: LINK how to share your site Read-Only link )
vincent
March 9, 2020, 1:44pm
2
Probably because it has no height. You have to find a way to define a height, either directly on the element or by inheritance.
Edit: actually your code works. I added in inside of a div and it works well, desktop and mobile.
https://sbx.webflow.io/video-embed
https://preview.webflow.com/preview/sbx?utm_medium=preview_link&utm_source=designer&utm_content=sbx&preview=d91efb276cd351eb16ffb217cf8e136e&pageId=5e664883415f1e4f854f2f38&mode=preview
So your issue is somewhere else in your design.
Hey Vincent,
thanks for getting back to me. Yes the exampels. seems to work.
For some reason is now not working with this video, hosted on dropbox.
Any ideas?
<video playsinline autoplay muted loop width="100%">
<source src="https://www.dropbox.com/s/1ot2gsa9ecnx3sk/Title5.mp4?dl=1" type="video/mp4">
</video>