Hi All,
How do I make my embed video loop once it finishes? And is there a way to take the video controls off when on hover?
Thanks
M
Hi All,
How do I make my embed video loop once it finishes? And is there a way to take the video controls off when on hover?
Thanks
M
Can you share your exact embed code?
<iframe style="position: absolute; top: 0; left: 0;"
src="http://www.quenchdigital.co.uk/video/cliftonville-tour.mp4" width="100%" height="100%" frameborder="0" webkitallowfullscreen loop="true" controls="false" mozallowfullscreen allowfullscreen></iframe>
My apologies, I thought i posted it!
loop="true"
is depreciated to the best of my knowledge. The HTML5 video tag is much more versatile with modern browsers. Something like:
<video width="100%" height="100%" autoplay loop>
<source src="http://www.quenchdigital.co.uk/video/cliftonville-tour.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
If you share some more details about what you’re trying to achieve, along with your public link, we can get a bit more specific regarding integration into your project.
Thanks @McGuire, here is the link https://preview.webflow.com/preview/quench?preview=31b06c2933ea8b12dcbe1d54a9a4981e
It is on the ‘Cliftonville Page’
Thanks
Anyone have a thought about this one as I have the same issue…
Hey @zorro7120, what issue are you having? The code I shared above will loop a video on any HTML5 browser.
Hi @McGuire,
This isn’t working for me, I am not sure if I am doing it right. I have to use an embed (iframe). If i use the ‘video’ component, webflow doesn’t recognise that my self hosted video is a video! Does this effect the code technique you mentioned above?
Thanks
M
Hi Matt, Have you had a luck with this? I’d be interested to know how you did what you were talking about.
JFly
Hi @JFly
I’ve posted a solution here:
http://forum.webflow.com/t/youtube-embed-autoplay-loop-responsive-with-no-controls/25041
M