Background Video Audio

Site URL: https://virginsuncare.com

I am trying to get my background video to play with sound on Squarespace Version 7.1. Is there any code to interject somewhere that will allow this? The sounds comes through perfectly when using just a Video Block but it doesn't come through at all when embedding the video into the background. 

I would really appreciate any guidance here. 

Thank you!

Hi,

I'm looking to do the same thing! Did you get it working?

Is there any other solution to this instead of paying?

@dmarquez Thanks I bought this and it works. However I want the audio to start playing automatically. Do you know how to customize?

@EVPhoto If it's client work, get them to pay for it.

Thanks!

@TDavy Hi! Did you ever figure out how to get the audio from the SQSP Themes plugin to play automatically?

@dmarquez Might you know how to do this?

@brigidc.campbell Love your VIRGIN site and looks like you were able to get audio to play automatically on your landing page. Did you do this using the SQSP plugin that @dmarquez suggested?

Thanks all very much!

@HRawson Thank you so much! I actually ended up putting in an animated .gif and a separate audio file, then hid the audio file.  I put this code in my .css to make it happen. 

// hide audio player on mobile //
@media only screen and (max-width: 640px) {   
player { display: none !important; }}
// hide audio player on desktop //
.audio-block.sqs-block-audio {
 display: none;
}

Still no way to play a video with audio without paying extra for  a plugin?

Yeah, have to pay, @ClottHOPE. The client should pay for it though. 

On 5/24/2020 at 11:20 AM, HRawson said:

@TDavy Hi! Did you ever figure out how to get the audio from the SQSP Themes plugin to play automatically?

@dmarquez Might you know how to do this?

 

@brigidc.campbell Love your VIRGIN site and looks like you were able to get audio to play automatically on your landing page. Did you do this using the SQSP plugin that @dmarquez suggested?

Thanks all very much!

Hey @HRawson I did ! There was a little customise button in there. See how it turned out here: www.insideoutrealestatestyling.com.
How did you go?

On 2/12/2020 at 9:08 AM, brigidc.campbell said:

Site URL: https://virginsuncare.com

 

I am trying to get my background video to play with sound on Squarespace Version 7.1. Is there any code to interject somewhere that will allow this? The sounds comes through perfectly when using just a Video Block but it doesn't come through at all when embedding the video into the background. 

I would really appreciate any guidance here. 

 

Thank you!

 

On 5/25/2020 at 5:39 AM, brigidc.campbell said:

@HRawson Thank you so much! I actually ended up putting in an animated .gif and a separate audio file, then hid the audio file.  I put this code in my .css to make it happen. 

// hide audio player on mobile //
@media only screen and (max-width: 640px) {   
player { display: none !important; }}
// hide audio player on desktop //
.audio-block.sqs-block-audio {
 display: none;
}

 

Hey

On 3/2/2020 at 9:48 AM, norsedesignstudio said:

Hi,

I'm looking to do the same thing! Did you get it working?

Yes, I did! There was a little button in there with the customisation to play automatically.

On 2/12/2020 at 9:08 AM, brigidc.campbell said:

Site URL: https://virginsuncare.com

 

I am trying to get my background video to play with sound on Squarespace Version 7.1. Is there any code to interject somewhere that will allow this? The sounds comes through perfectly when using just a Video Block but it doesn't come through at all when embedding the video into the background. 

I would really appreciate any guidance here. 

 

Thank you!

 

Hey @brigid.camp

On 5/25/2020 at 5:39 AM, brigidc.campbell said:

@HRawson Thank you so much! I actually ended up putting in an animated .gif and a separate audio file, then hid the audio file.  I put this code in my .css to make it happen. 

// hide audio player on mobile //
@media only screen and (max-width: 640px) {   
player { display: none !important; }}
// hide audio player on desktop //
.audio-block.sqs-block-audio {
 display: none;
}

 

@brigidc.campbell Glad you figured out. i haven't been on here for a few weeks. Have to say your site looks amazing! 

Hello,

I'd like to create a landing page in 7.1 with a full-bleed looping video, and sound. I have the .mp4 video, and the audio file is on SoundCloud. Is it possible to have the looping video and the music both play automatically as soon as the visitor loads the page?

Could someone tell me the process step by step?

Also, is it possible to do this without SoundCloud, but with an .MP3 file?

Finally, is it easier to do in Squarespace 7.0?

Many thanks!

Hey, videos need to be hosted on Vimeo or Youtube.

For them to loop, they need to live in the media section of a page/banner that is in an index.

SQSThemes have a great audio plugin.

Tara

Thanks so much, Tara. I was  going by this page, which said that videos have to be on SoundCloud to play automatically: https://support.squarespace.com/hc/en-us/articles/207114487-Adding-music-to-your-site

But I gather that with the audio plugin I don't need SoundCloud at all.

Much appreciated!

@TDavy Was it ever found out how to play the audio block in 7.1 automatically when someone is on the page?

On 4/1/2020 at 5:31 AM, dmarquez said:

This will do the trick:

https://www.sqspthemes.com/plugins/background-video-controls

Hi, thank you for this plug in!! it works. I have questions, and I wonder if you could help me. 

I would like like everyone else to start the sound automatically with the video, I can't find any kind of costume buttons, also I would like to have an additional button with the option to put the video full screen. Is that possible. Thank you

On 6/22/2020 at 2:15 PM, TDavy said:

Hey @HRawson I did ! There was a little customise button in there. See how it turned out here: www.insideoutrealestatestyling.com.
How did you go?

Hi, thank you for this plug in!! it works. I have questions, and I wonder if you could help me. 

I would like like everyone else to start the sound automatically with the video, I can't find any kind of costume buttons, also I would like to have an additional button with the option to put the video full screen. Is that possible. Thank you

Hi,

I have downloaded this plugin, but the instructions.html page I go to doesn't have the "only first" and "Unmute Video" options. I copied the extra code manually from the video and put in:

<!-- Plugin Background Video Controls -->
<link href="/s/plugin-background-video-controls.css" rel="stylesheet">
<script src="/s/plugin-background-video-controls.js"></script>
<script>pluginBackgroundVideoControls({"unmute":"true");</script>
<!-- end Plugin Background Video Controls -->

But now there are no control buttons on the video at all. I include a screen show of the instructions.html page I have, and the instructions on the setup video.

Can someone please advise how to correct this?

Thank you

On 3/4/2021 at 3:09 AM, lindsaycheril said:

Hi,

 

I have downloaded this plugin, but the instructions.html page I go to doesn't have the "only first" and "Unmute Video" options. I copied the extra code manually from the video and put in:

<!-- Plugin Background Video Controls -->
<link href="/s/plugin-background-video-controls.css" rel="stylesheet">
<script src="/s/plugin-background-video-controls.js"></script>
<script>pluginBackgroundVideoControls({"unmute":"true");</script>
<!-- end Plugin Background Video Controls -->

But now there are no control buttons on the video at all. I include a screen show of the instructions.html page I have, and the instructions on the setup video.

Can someone please advise how to correct this?

Thank you

Hi. Have you contacted sqspthemes yet? Their support is good

On 6/22/2020 at 10:15 PM, TDavy said:

Hey @HRawson I did ! There was a little customise button in there. See how it turned out here: www.insideoutrealestatestyling.com.
How did you go?

That's a great looking website! I noticed though that on mobile devices including my iPhone and iPad, the video doesn't load. Is this a limitation of the plugin? Does it only work on desktops?

On 7/21/2021 at 8:57 PM, Flutes_Flutists said:

That's a great looking website! I noticed though that on mobile devices including my iPhone and iPad, the video doesn't load. Is this a limitation of the plugin? Does it only work on desktops?

Hi @HRawson, banner videos on squarespace don't play on mobile and tablet:( Ever.
It's not to do with the plugin I used.

4 hours ago, TDavy said:

Hi @HRawson, banner videos on squarespace don't play on mobile and tablet:( Ever.
It's not to do with the plugin I used.

Hi @TDavy, I've since discovered that if you use a Vimeo link, then the video does play on mobile devices. The Vimeo account needs to be a paid account though, but the basic Plus account is already enough.

how is this not just a feature built into Squarespace and why is there only one code solution that makes you pay for it?? this seems like something like something obvious a lot of people would want and use......doesnt make sense to me 

Thank you, this forum has been very helpful.