▼
Streaming live at 10am (PST)

Add cover to the Video without using Lightbox?

#1

Hi webflow-er,

I like to make a cover on the video, like on this site:
http://www.jeremyrubier.com/travel/

As you can see, When you click the cover, the cover disappears, then video played automatically after that without fulling the screen. If we use lightbox, we need to click the lightbox cover first then click the video. How to achieve same effect like the link I gave?

Thank you

#2

That looks like a Squarespace embed block with a Vimeo embed code.

The closest you can do in Webflow are:

  1. Use the video component and paste the Vimeo URL

     https://vimeo.com/216380236

    Have a cover image overlaying the video, and have it disappear when clicked

  2. Get the embed code of your video from Vimeo and use it in an embed block.

     <iframe src="https://player.vimeo.com/video/216380236" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
#3

Thank you for your reply @samliew

I’ve tried all options. The 1st option looks great.
Using this method we need to do 2 click to play the video, is there anyway to do in 1 click only?
when the image disappear, the video plays after that automatically.

#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.