[ad_1]
I have a Revolution Slider on my website with a Vimeo video in the background and text sliding in front of it. The content is already looping but the video stops after playing once even though the “Loop Media” option is on. How can I make the video loop aswell? I am willing to add custom CSS code if that is the only option but unfortunately I don’t know how.
[ad_2]
To make a Vimeo video loop in Slider Revolution on a WordPress site, add the following custom CSS to your site through the WordPress Customizer:
1. Go to **Appearance** > **Customize** in your WordPress dashboard.
2. Navigate to the **Additional CSS** section.
3. Paste the custom CSS code, replacing `’123456789’` with your Vimeo video ID.
4. Click **Publish** to save changes.
“.rev_slider .tp-vimeo-video-123456789 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.rev_slider .tp-vimeo-video-123456789 iframe:after {
content: ”;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(‘data:image/svg+xml;utf8,<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 100 100″><circle cx=”50″ cy=”50″ r=”40″ fill=”none” stroke=”%23000″ stroke-width=”3″ stroke-dasharray=”126.5 126.5″ stroke-dashoffset=”126.5″ transform=”rotate(-90 50 50)”><animate attributeName=”stroke-dashoffset” values=”126.5;0″ dur=”2s” repeatCount=”indefinite” /></circle></svg>’) no-repeat center center;
background-size: cover;
pointer-events: none;
}”
After adding the CSS, test the video loop in your slider to ensure it’s working as expected.