Hi Webflow World,
Wanted to start a thread about best practices for embedding video on our Webflow sites without controls, sound, always autoplaying and looping. Seems like something several users (one, two) are interested in but the posts I’ve found still leave me with questions.
The goal of my inquiry is video content similar to what’s found on these sites:
Basically the end result would be gif-like without sacrificing quality as a GIF often does.
I’m thinking the
embed element would be the best way forward based on @garymichael1313 comments here, but I’m struggling to get the code right. I also attempted to follow @Ben-Probity’s instructions but I am still seeing some overlays and letter boxing.
I’m open to using services like Embed.ly but want to make sure it’s the best option.
Again, the use case is primarily to showcase short clips (like this) exemplifying designs etc.
Therefore, if anyone has the time, it would be helpful to consolidate the following:
- using the HTML embed widget in Webflow to embed videos and instructions on how to (re)size them
- what services, if any, are best to use for freelance web developers who are using a lot of passive video in their projects
- the use case and limitations of the “background video” widget
- the use case and limitations of the “video” widget
Of course, also welcome would be any links to tutorials and posts I missed in my research.
The first problem I encountered was:
You can’t put the
video widget within a
link block which is problematic because I want the user to have a consistent experience (i.e. they can click the whole element regardless of whether it’s a video or image preview, as opposed to only being able to click the header text on video elements due to the aforementioned constraint)
That prompted me to explore how to go about embedding a parred down video element, which I expected to be simple, but was surprised to find, was actually quite confusing.