Jump to content

imbedding a video on the home page

Recommended Posts

Posted

Hey there. I'm trying to imbed a video onto my homepage on my site. Squarespace said that they used to have a feature that allowed for that but now they don't. Is there anyone who can code a way to link that play button to a video?

This homepage is an example of how I'd want it to work.

https://www.talwegcreative.com/

 

Thanks!

  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted

Hi @NTS hope you're doing well 
so basically embedding a video on your homepage is just like a piece of cake just follow the steps below to properly embed the video.

  1. Video Content Block
  2. Embed Content Block

You can use either of these blocks to link your play button to a video.

And I am also sharing the code for ease

HTML Code: 

<div class="video-container">
  <iframe width="100%" height="100%" src="https://www.youtube.com/embed/VIDEO_ID_HERE" frameborder="0" allowfullscreen></iframe>
</div>


CSS Code:
 

.video-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-container iframe {
  width: 100%;
  height: 100%;
}


I hope this helps

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.