Loading a random video banner on refresh

Site URL: http://thisiselevation.com

On our site, we have a video banner at the top of the home page that loads a Vimeo link. 

We want to be able to load one of three different videos randomly on refresh of the page. Does anyone know how this can be achieved? 

Hi. Do you use Personal or Business Plan?

It's a business plan.

hi,

im also very interested in this question. I want to load random embedded youtube content on my landingpage.

On 2/18/2021 at 1:44 AM, elevation said:

It's a business plan.

On 2/22/2021 at 6:36 PM, olaastrand2 said:

hi,

im also very interested in this question. I want to load random embedded youtube content on my landingpage.

Hi. Sorry for the delay. You can use Code Block to create background. Thus, you can achieve this effect easily.

I search & found this effect. If you like this, I will test something to convert it to Code Block in Squarespace.

Link: https://codepen.io/team/rcrooks1969/pen/oENWJj

Trying the reference site you posted above... must be missing something.  On SS7.1 and would like to do the same.   Need to have a different video load behind the main code block on our website on each visit.  

Website for example is https://voyr.me 

On 5/10/2021 at 4:59 PM, dsiles said:

Trying the reference site you posted above... must be missing something.  On SS7.1 and would like to do the same.   Need to have a different video load behind the main code block on our website on each visit.  

Website for example is https://voyr.me

 

Which code did you add? Can you share link to page (your site) where you added code? We can check easier

Was there ever an update/solution for this? Would also love to figure this out!

Hello!

I recently had the same question. On the homepage of a website of mine, I had a video background using a Vimeo link. I wanted that video to switch randomly with other Vimeo videos on refresh. I succeeded by using the script below, which you need to paste into the header section of code injection. Change the provisional videoIDs (000000001 and 000000002) with the videoIDs of the Vimeo videos you want to target, and feel free to add more after the comma. Under fallbackVideo, you can specify a fallback video in the same way.

Good luck.

<!-- VIDEO BACKGROUND -->

<script>
window.onload = function() {
var videoIDs = ['000000001', '000000002'];
var fallbackVideo = '000000000';
var randomID = videoIDs[Math.floor(Math.random() * videoIDs.length)];
var vimeoPlayer = document.getElementById('vimeoplayer');
vimeoPlayer.onerror = function() {
vimeoPlayer.src = '//player.vimeo.com/video/' + fallbackVideo + '?api=1&background=1';
}
vimeoPlayer.src = '//player.vimeo.com/video/' + randomID + '?api=1&background=1';
}
</script>

@joeridecock Do you know if this would work using YouTube videos somehow?