I need video to autoplay with no controls

Design help General
1

Hi,

I want a video to play, as if a gif or image, with no controls, autoplaying and on constant loop.
I’m using vimeo for my video host, how can i hide these controls?

Here is my site Read-Only: http://adam-pavloff.webflow.io/projects/stuytown-prospects-experience

2

I guess you could use a background video element. Iv’e used that before for same purpose.

3

Not sure about vimeo but you can with youtube with just a few short snippets of code tacked on the end of the URL ?rel=0&controls=0&showinfo=0&autoplay=1&loop=1&playlist=VIDEO_ID"
Ultimately your code will look like:

https://www.youtube.com/embed/VIDEO_ID?rel=0&controls=0&showinfo=0&autoplay=1&loop=1&playlist=VIDEO_ID

What it does broken down:
?rel=0 Turns off the suggested videos at the end of the video
&controls=0 Removes all the controls like play, pause, fullscreen and the timeline
&showinfo=0 Removes the title of the video and the youtube logo leaving you with just the video
&autoplay=1 Causes the video to play on load so no need for the play button
&loop=1 Pretty self explanatory, causes the video to loop itself
&playlist=VIDEO_ID Kind of a fail safe making the video into a playlist which is set to loop so if it doesn’t loop the video it will loop the playlist which is the video.

Hope this helps,
Ben

2 Likes
4

Hello - I am also looking to achieve this, and am also new to webflow. So how do I add that custom code to the embedded YouTube video element? When I select the video component I am not seeing a custom code field.

Thanks!

5

Youtube

No way by youtube (To create “clean video”)(@Ben-Probity answer is great but out of date for this parameter).

showinfo:0

Youtube official Note: This parameter is deprecated and will be ignored after September 25, 2018.

Youtube and custom code - only if you use custom code and youtube API.

Viemo

You must have a Plus or Pro account to use these features.

HTML5

Very easy but you should find where to host the video (embed html)

Since april 2018 - Related to all solutions:

Chrome block Autoplay videos with sound (Use mute video -or- videos without sound)

1 Like
6

The best way to do so I found is using http://wisita.com

3 Likes
7

Here’s an attributes-based approach designed specifically for Webflow’s YouTube element.

https://video-player-control.webflow.io/youtube/hide-related