Streaming live at 10am (PST)

Video Embed Loop


#1

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


#2

Can you share your exact embed code?


#3
<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!


#4

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. :grin:


#5

Thanks @McGuire, here is the link https://preview.webflow.com/preview/quench?preview=31b06c2933ea8b12dcbe1d54a9a4981e

It is on the 'Cliftonville Page'

Thanks


#6

Anyone have a thought about this one as I have the same issue..


#7

Hey @zorro7120, what issue are you having? The code I shared above will loop a video on any HTML5 browser.


#8

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


#9

Hi Matt, Have you had a luck with this? I'd be interested to know how you did what you were talking about.

JFly


#10

Hi @JFly

I've posted a solution here:
http://forum.webflow.com/t/youtube-embed-autoplay-loop-responsive-with-no-controls/25041

M


#11