Skip to main content
< All Topics
Print

How do I use a Vimeo video for a video background?

Video: FS – Vimeo Videos

  • Use the wp@freshy email login for Vimeo
  • Add the video to it’s own folder
  • Once the video has finished processing, go to your video from the Library. Select the options menu (…) in the top right corner of the video settings page.
    Select Video file links. Select the best or second-best quality.
  • If you’re using a video from a client’s vimeo account, you’ll need their vimeo account login or ask them to grab that link for you.

 

What if they request sound?
Browsers don’t allow sound with autoplay on background videos, it’s considered an intrusive user experience.

Here are the options if they want sound:

  • Video embed (if using Divi, in a code module with sections/rows 100% width), autoplay, ability to unmute, video controls are seen at bottom, we can’t hide those, if we do then it hides the unmute button too
  • A regular embed, no autoplay or sound until a user clicks play

 

Example of embed with muted autoplay, you can copy/paste this, replace the number before ‘?’ in the URL and the title:

<iframe
src=”https://player.vimeo.com/video/1056561088?autoplay=1&muted=1&loop=1″
width=”1920″
height=”1080″
frameborder=”0″
allow=”autoplay; fullscreen; picture-in-picture”
title=”C21_DTTJOH_Food 15_16x9_111924″>
</iframe>

Table of Contents