How to Add Video in Squarespace Directly (Without YouTube in 2023)

[@nottomentionpod]

THANK YOU sooo much! Don't know why Squarespace has to make everything so asinine but you KILLED this tutorial! Everything down to stopping right click downloading? PERFECT! The follow up video for bigger than 20MB files is exactly what I needed as well.

[@tedley70]

Perfect! I was about 99% sure that I could provide this for a client, so I just said "Yes," and I had almost this exact methodology in mind. Thank you for not only confirming my suspicion but also doing it more simply than I would have!

[@lindalin452]

(Just a note for anyone who ran into the same issue as me: MOV will need to be converted to MP4 for this to work.) Thank you so much for this video! Your instructions are so clear and easy to follow, and thank you for putting together such neat and organised resources!

[@OutsiderzKlub]

Thanks!

[@tinawang4489]

I didn't have to convert MOV to MP4 and it worked for me.

[@nickclrke]

Oh man, you are a lifesaver! I was looking for a way to add a video background that would autoplay, loop, and not be cut off on mobile. This solves all of these issues. Thank you so much for sharing this.

[@tylerwinter512]

I couldn’t get mine to auto play on mobile for some reason? Did you have to take additional steps?

[@nickclrke]

@@tylerwinter512 That's odd, mine auto plays. Maybe do you have them as separate words instead of 'autoplay' one word? All I have is 'playsinline autoplay loop'

[@nickclrke]

@@tylerwinter512 I was also just having issues with it showing up on mobile because the video dimensions were too large. Scaling down the resolution size helped.

[@tylerwinter512]

@@nickclrke okay cool!!! Thanks for the advice, I’ll try that!

[@BrianTurnerATL]

@@tylerwinter512 I had this issue too. Safari browsers (Mac OS and iOS) don't seem to like the code snippet described in the video. I was able to get mine to play by rewriting the commands as: playsinline autoplay="autoplay" loop="loop". AND for some reason, adding muted="muted". All but one of my videos now play using this approach. Not sure why the one isn't working on mobile though. Maybe it's the size as mentioned below?

[@Jimmytothejohnston]

THANK YOU! This is exactly what I've been looking for, I don't like the Squarespace player and I saw video embedded like this on another website but couldn't quite get it to work for me. This works perfectly!

[@catdesbaux5964]

Hello, this is really great thank you. I am just wondering if it is possible to add autoplay so it plays automatically as they scroll through the web page?

[@DavidDeavenport]

I'm trying to create my first website for my band using Squarespace. This a little over my head but you explain it very well, and I will look up some of your other videos. Thank you for showing this.

[@ZeaAGTTG]

I am so happy to have found you!!!!

[@Stargazernomadcamper]

DUDE THIS WORKED LIKE A CHARM YOU ARE FRIKKEN AWESOME! I WAS SO ANNOYED I WAS GOING TO HAVE TO USE KZbin... THIS IS BEAUTIFUL!!!

[@febralix]

So great! Thanks a lot. I don't have anything against posting on KZbin., but for now having my video's embedded is what I needed.

[@FilTrip]

This is perfect! Was able to embed the intended video to my website. Thank you! More tutorial vid please. Well done.

[@snoopgary1]

This is incredible. Thank you and your separate documentation page!

[@AlixanderiaShayWellness]

This is exactly what I have been looking for. Thank you.

[@KoriLinae]

This was fantastic! Thanks for this great tutorial. You are really good at teaching and explaining.

[@agylee7531]

Oh this is godsend! Thank you so much for sharing this tutorial. I've been looking at a workaround for my SS site after reading that only v7.1 allows for embedding videos directly.

[@MsSugarplumfaerie]

So amazing, helpful, quick to do, easy to understand for someone who doesn't understand code at all. Thank you so much! Please keep it up!

[@gonzalomenevichian2167]

You don't know how much you save me with this!!! You are amazinggggg!!!

[@jessejamees]

Thank you, this was very helpful. I used this to add a video to a product, now to figure out how to move it on the page.

[@katiewendt6221]

I've been trying to figure this out for awhile now. Thank you soooooo much and thanks so much for the code!

[@sundazewithstephen1225]

yo thank you mate, seriously just helped me out so a ton, much love.

[@speresec]

Works great! Thank you for making this, very helpful!

[@LeannesWL]

Thank you SOOO much. I transferred from Wordpress and was seriously considering changing back due to limitations within Squarespace

[@IamRebeka5]

This was extremely informative and helped me with my portfolio! Thank you!

[@mmazz414]

THANK YOU! It's absolutely ridiculous how Squarespace doesn't even allow you to just upload a damn mp4. Elementary feature for such a powerhouse of a platform - doesn't make sense.

[@joemckenna4652]

foreal i was wondering the same thing

[@mmazz414]

@@joemckenna4652 They finally have it now!!!

[@YesItsMeToolz]

Brilliant!! This was so helpful. Thank you

[@fiona3821]

Thanks for sharing 👍🏻 I am lost though. Now I created a new page under not linked but I have to upload something I cannot even get to the same point as you to find the button on a blank page

This is really helpful. Thank you!

[@sneepsnorp3d]

This worked for me until I published the page on my website for some reason? It plays perfectly in the editor, but when I view my site as a visitor, it's just a still image. Does anyone know why this may be occurring?

[@jefflacey]

This is so helpful! I just subscribed to your channel. I appreciate your hard work. Thanks.

[@zuluonenineairsoft6628]

This is perfect. You are a genius! Thank you so much.

[@kimmaksen8742]

super helpful and exciting for what this will do

[@LarryWilsonArtist]

Great video. Super helpful. Liked & subbed

[@emarshatai]

Hey thank you... This was just what I needed

[@livingwithqueencollins3093]

Thank you so much for this. Your video was a lifesaver.

[@arialfx]

Love the video - is there a way to use transparent background videos for this? I'm having some color issues because when I pick the same color as the background for my video, it looks fine on PC but the color slightly changes on Mac.

[@ClayStudioLeiden]

Thank you! So helpful!!!

[@user-tx2ek1qe2d]

any chance you know how to show a 16x9 video for desktop, and 1x1 video for mobile (same video just different aspect ratios)?

[@illuminatingartists]

This is a great find!!! Thanks so much!

[@WesleyClapp]

This worked like a charm! THANK YOU FOR SHARING! #WRC

[@kevinhla6608]

Thanks for this. Works a treat :-)

[@artisticmystiq]

So i did everything and it worked out perfectly. Thanks! BUT! The video will NOT play on mobile. it plays just fine on a laptop but not on my phone. How do i fix this?

[@JanArmor]

very helpful Mr. Kaptain. Thank you.

[@hdmanchester4894]

You sir are a hero

[@Stargazernomadcamper]

JUST SUBBED. YOUR VIDEOS ARE AMAZING IF YOU HAVE A SQUARE SPACE.

[@elizabethgaffney224]

SO helpful and clear, thank you!

[@thevisualmetaphor]

Very helpful! Thank you

[@meadowshomeinspections]

How do I make that code block to be full-bleed? So that it is going all the way to the browser's edge. Thank you for sharing this! This is amazing.

[@meadowshomeinspections]

Anyone?

[@markvargas2352]

This is a great channel! One question: using SQSP visual studio. I used your excellent tips on adding the video, but the opening view is blank. Is there a way to embed a image that can be clicked on, or a workaround on Visual Studio? THANKS!

[@casperm1946]

also looking for an answer to this!

[@xtaltmas]

super helpful video - thank you so much!!

[@sarahalgrimson4816]

SOOO helpful, thanks!

[@StephEdwardsNaturalTherapist]

So extremely helpful. So grateful

[@nickiadams4388]

Thank you, but I was wondering if you can upload video files bigger than 20mb? That's a pretty extreme limit

[@joeh8486]

when i try my button doesnt allow me to "copy link address" all is shows is the text icon over the "test video". any help?? Thanks!

[@wolffman2445]

Having this same issue

[@garonhart3384]

This is so good. Well done. Thanks!

[@EnDoubleEwe]

Awesome - thanks!

[@jessicaknelsen5915]

Super helpful, thank you!

[@missmarga]

why is my video on squarespace not autoplaying even if I put "autoplay" after controls?

[@PaulomiMukherjee]

You just saved my life! :D

[@bluprintdesignco1397]

Thanks bro this helped a lot

[@Tschoii90]

I love you from the bottom of my heart my dude. ...and I hate squarespace so much.

[@samerbilal7676]

Hello, this is very helpful. I have another question, lets say I wanted to crop the video to a 9:16 aspect ratio using css, how would I go about this?

[@NicoArtLife]

I will try this, thanks!

[@chocolatebambooproductions]

THANK YOU SO MUCH !! God sent

[@bhapampa]

Extremelyyyyyyyyyyyyy helpful.

[@leilanipatrick111]

You're awesome, thanks!

[@yinkababalola989]

This is so great! I have been looking for a way to play videos in square space. Do you have any tutorials on creating a video carousel in 7.1?

[@rebeccareisch2653]

super helpful, thank you so much!!!!!

[@drmaazsadiq]

Amazing, thanks so much. In the video control options, is there an option to speed up the video for viewers?

[@TheZeebop2007]

Impressive! Thank you!!

[@lukewulsin641]

Super helpful!

[@jmcaloon94]

Hey, cool video! How do you do this if you don’t want people to see the “downloads” page with the button on?

[@j1124]

This is incredibly helpful - one question. How do i remove all the playback buttons (volume / playback bar / picture in picture etc). They still appear on roll over

[@jeroenjanslightingdesignbv1656]

Great, THX!

[@bradlyhood7500]

This is a game changer for me

[@WilsonSilverthorne]

Exactly what I needed - Thanks! I wonder what this does to the load time metric? I guess if it's just a few videos I'd be okay.

[@youngstars2008]

I just tried it and it worked! Thank you so much! 😀 Shame we can't upload more than 20MB. Also the video is still downloadable on without right click. Any solution to prevent this please?

[@KaptainTech]

Check out my new video kzbin.info/www/bejne/ZqPIYpRoqaioeLc

[@youngstars2008]

@@KaptainTech Thank you! You're the best! 😀

[@sallyfarr6675]

Hi, this was helpful, but can you just let me know if it is for SS v 7.1, or would it also apply to the older, v7?... Thanks

[@nayahuang4802]

Hi, this is so helpful!! now i can upload video . Do you happen to know how to make the videoblock round corner?

[@Pegisus2501]

Thank you so much for this video. 😀👍🏽 I’m concerned about the storage capacity. Square space gives you a certain amount of storage doesn’t it? So if I store the videos on the private page, would this affect my subscription price? 🤔 I really appreciate this because I was looking into Amazon AWS, You Tube, etc. 😉

[@kyletschmidt]

Thank you, great straightforward tutorial. Is there a way to resize the videos? I have two videos on my website using this method and they are only one size and I would like to make them larger.

[@klinsmanalvesfilms8149]

Great tutorial! Is there a way to add MOV videos instead of MP4. I saw someone in the comments saying to convert them, but I have a lot of wedding videos in MOV format. Perhaps can the code be changed to work with MOV instead of MP4? Thanks for the tutorial.

[@heidilootsma8949]

change the part of the code that says Mp4 to MOV

[@BrettSimms]

Thanks for this - very helpful

[@נטעוייס-ל8ל]

Wow thank you !! is there anyway I can make the black control panel invisible ? Thanks :)

[@jennifersmith8611]

This worked great! QUESTION: is there any way to add a click through link so video can be clicked and linked to a page on my site?

[@gregmionske8632]

Did you ever find a solution for this? I'm looking to do the same thing

[@deniseives2679]

My mp4 file is large it 6.2GB. I was wondering the size SqSp will allow in this file upload? I'm in the process right now to upload, but wanted to make sure it will work if not I'll cancel the upload. KZbin I used it uploaded fine it took 2hrs to upload to KZbin, but it works just having problems now that they slap all these ads on the bottom of video and at the end the whole video screen fills up with ads. I was hoping I can use your method here, but wasn't sure of the max on file size.

[@benediktmeyer]

thanks, how can i change the size of the videoplayer without changing all other boxes on the site?

[@carolineschutte5670]

Can you do an updated video for 2024? Squarespace doesn't have a "downloads" section that I can see...

[@CameraNostalgiaClub]

Sadly seems like they have brought out a "file limit" I tried to upload an 11 second video and apparently that was too large

[@samanthahill2738]

Why not use the video block option in Squarespace? What are the benefits of using this process instead?

[@devbkada]

Thanks again

[@asudeguven]

So helpful thanks

[@locallygrowncomedy]

i did all of this and it worked... kinda. my movie just showed up with a blank screen and wont play... the play button and such is on there but....

[@QualifiedN3rd]

Great video, very useful. Is there anyway to add a thumbnail image?

[@joemckenna4652]

Anyluck with finding the code for adding thumbnail image?

[@QualifiedN3rd]

@@joemckenna4652 You have to add an attribute for it. You can use: replace each url with your corresponding content.

[@joemckenna4652]

@@QualifiedN3rd Thanks bro!! About to try that now, goodlooks

[@joemckenna4652]

@@QualifiedN3rd Yo thanks for the reply. This is how I inserted the code, for some reason its not reading the poster attribute correctly and displaying the thumbnail img. Do you notice any errors in this code?

[@marcobertonscapinello4761]

@@joemckenna4652 This is the correct code. The image url should be connect with a button as you did for the video.

[@pixienix]

Super helpful. But the video can still be downloaded :/ is there a fix for this?

[@Will-qi2dh]

Running into a problem where if you refresh the website it doesn't autoplay, but if I click the home page link at the top it does. Any ideas?

[@robinwalthour2357]

Thank You! ☺️

[@kateshaw8334]

it is possible to put a click-through link in the code so that when I click the video it links to another page in my website?

[@DrewTimelapse]

Thanks!

[@loudsilence4925]

i put the code in correctly and a video box shows up but my video does not. Not sure what im doing wrong

[@OmaidHomayun03]

Curious if we're doing this from scratch, is the HTML code you had on top from the Squarespace site?