Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Background Video Audio


brigidc.campbell

Question

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!

 

Edited by brigidc.campbell
Link to post
  • Answers 15
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

This will do the trick: https://www.sqspthemes.com/plugins/background-video-controls

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. Ta

15 answers to this question

Recommended Posts

  • 0

@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!

Link to post
  • 0

@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;
}

 

Link to post
  • 0
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?

Link to post
  • 0
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.

Link to post
  • 0
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! 

Link to post
  • 0

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!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...