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

Поділитися
Вставка
  • Опубліковано 12 лис 2024

КОМЕНТАРІ • 160

  • @nottomentionpod
    @nottomentionpod 2 роки тому +4

    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
    @tedley70 2 роки тому +5

    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
    @lindalin452 2 роки тому +4

    (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
      @OutsiderzKlub 2 роки тому

      Thanks!

    • @tinawang4489
      @tinawang4489 2 роки тому

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

  • @nickclrke
    @nickclrke 2 роки тому +3

    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
      @tylerwinter512 2 роки тому

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

    • @nickclrke
      @nickclrke 2 роки тому

      @@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
      @nickclrke 2 роки тому

      @@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
      @tylerwinter512 2 роки тому

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

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

  • @DavidDeavenport
    @DavidDeavenport 2 роки тому

    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.

  • @mmazz414
    @mmazz414 2 роки тому +3

    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
      @joemckenna4652 2 роки тому

      foreal i was wondering the same thing

    • @mmazz414
      @mmazz414 2 роки тому

      @@joemckenna4652 They finally have it now!!!

  • @arialfx
    @arialfx 11 місяців тому

    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.

  • @febralix
    @febralix 2 роки тому

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

  • @Stargazernomadcamper
    @Stargazernomadcamper 2 роки тому

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

  • @catdesbaux5964
    @catdesbaux5964 2 роки тому +13

    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?

  • @agylee7531
    @agylee7531 2 роки тому

    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.

  • @snoopgary1
    @snoopgary1 2 роки тому +1

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

  • @jessejamees
    @jessejamees 2 роки тому

    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.

  • @FilTrip
    @FilTrip 2 роки тому

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

  • @AlixanderiaShayWellness
    @AlixanderiaShayWellness 9 місяців тому

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

  • @fiona3821
    @fiona3821 Рік тому +1

    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

  • @sneepsnorp3d
    @sneepsnorp3d 2 роки тому +1

    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?

  • @LeannesWL
    @LeannesWL 2 роки тому

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

  • @gonzalomenevichian2167
    @gonzalomenevichian2167 2 роки тому

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

  • @MsSugarplumfaerie
    @MsSugarplumfaerie 2 роки тому

    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!

  • @sundazewithstephen1225
    @sundazewithstephen1225 2 роки тому

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

  • @katiewendt6221
    @katiewendt6221 2 роки тому

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

  • @user-tx2ek1qe2d
    @user-tx2ek1qe2d Рік тому +1

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

  • @speresec
    @speresec 2 роки тому

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

  •  2 роки тому

    This is really helpful. Thank you!

  • @artisticmystiq
    @artisticmystiq 2 роки тому +1

    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?

  • @IamRebeka5
    @IamRebeka5 Рік тому

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

  • @KoriLinae
    @KoriLinae 2 роки тому +1

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

  • @nickiadams4388
    @nickiadams4388 2 роки тому +1

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

  • @markvargas2352
    @markvargas2352 2 роки тому +1

    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
      @casperm1946 2 роки тому +1

      also looking for an answer to this!

  • @WesleyClapp
    @WesleyClapp Рік тому

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

  • @JanArmor
    @JanArmor 2 роки тому

    very helpful Mr. Kaptain. Thank you.

  • @kimmaksen8742
    @kimmaksen8742 Рік тому

    super helpful and exciting for what this will do

  • @YesItsMeToolz
    @YesItsMeToolz Рік тому

    Brilliant!! This was so helpful. Thank you

  • @jefflacey
    @jefflacey 2 роки тому

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

  • @zuluonenineairsoft6628
    @zuluonenineairsoft6628 Рік тому

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

  • @LarryWilsonArtist
    @LarryWilsonArtist 2 роки тому

    Great video. Super helpful. Liked & subbed

  • @joeh8486
    @joeh8486 Рік тому +1

    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!

  • @Stargazernomadcamper
    @Stargazernomadcamper 2 роки тому

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

  • @missmarga
    @missmarga 2 роки тому +1

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

  • @hdmanchester4894
    @hdmanchester4894 2 роки тому

    You sir are a hero

  • @jmcaloon94
    @jmcaloon94 8 місяців тому

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

  • @meadowshomeinspections
    @meadowshomeinspections 2 роки тому +2

    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.

  • @deniseives2679
    @deniseives2679 2 роки тому

    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. UA-cam I used it uploaded fine it took 2hrs to upload to UA-cam, 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.

  • @emarshatai
    @emarshatai 2 роки тому

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

  • @benediktmeyer
    @benediktmeyer 2 роки тому

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

  • @OmaidHomayun03
    @OmaidHomayun03 2 роки тому

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

  • @Tschoii90
    @Tschoii90 2 роки тому

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

  • @illuminatingartists
    @illuminatingartists 2 роки тому

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

  • @elizabethgaffney224
    @elizabethgaffney224 2 роки тому

    SO helpful and clear, thank you!

  • @sallyfarr6675
    @sallyfarr6675 2 роки тому

    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

  • @livingwithqueencollins3093
    @livingwithqueencollins3093 2 роки тому

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

  • @xtaltmas
    @xtaltmas 2 роки тому

    super helpful video - thank you so much!!

  • @thevisualmetaphor
    @thevisualmetaphor 2 роки тому

    Very helpful! Thank you

  • @locallygrowncomedy
    @locallygrowncomedy 2 роки тому

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

  • @samerbilal7676
    @samerbilal7676 2 роки тому +1

    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?

  • @StephEdwardsNaturalTherapist
    @StephEdwardsNaturalTherapist 2 роки тому

    So extremely helpful. So grateful

  • @nickwyard
    @nickwyard 2 роки тому

    Awesome - thanks!

  • @carolineschutte5670
    @carolineschutte5670 9 місяців тому

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

  • @kevinhla6608
    @kevinhla6608 2 роки тому

    Thanks for this. Works a treat :-)

  • @NicoArtLife
    @NicoArtLife Рік тому

    I will try this, thanks!

  • @j1124
    @j1124 2 роки тому

    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

  • @CameraNostalgiaClub
    @CameraNostalgiaClub 2 роки тому

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

  • @bluprintdesignco1397
    @bluprintdesignco1397 Рік тому

    Thanks bro this helped a lot

  • @jessicaknelsen5915
    @jessicaknelsen5915 2 роки тому

    Super helpful, thank you!

  • @fiona3821
    @fiona3821 2 роки тому +1

    My video is on drop box so how would I do that

  • @sarahalgrimson4816
    @sarahalgrimson4816 2 роки тому

    SOOO helpful, thanks!

  • @chocolatebambooproductions
    @chocolatebambooproductions 2 роки тому

    THANK YOU SO MUCH !! God sent

  • @bhapampa
    @bhapampa 2 роки тому

    Extremelyyyyyyyyyyyyy helpful.

  • @nayahuang4802
    @nayahuang4802 2 роки тому

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

  • @garonhart3384
    @garonhart3384 2 роки тому

    This is so good. Well done. Thanks!

  • @drmaazsadiq
    @drmaazsadiq 2 роки тому

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

  • @fiona3821
    @fiona3821 Рік тому

    Ok figured it out but now it says the file is to large. How do I make it smaller

  • @Will-qi2dh
    @Will-qi2dh 2 роки тому

    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?

  • @rebeccareisch2653
    @rebeccareisch2653 2 роки тому

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

  • @bradlyhood7500
    @bradlyhood7500 2 роки тому

    This is a game changer for me

  • @jeroenjanslightingdesignbv1656
    @jeroenjanslightingdesignbv1656 2 роки тому

    Great, THX!

  • @TheZeebop2007
    @TheZeebop2007 2 роки тому

    Impressive! Thank you!!

  • @loudsilence4925
    @loudsilence4925 9 місяців тому

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

  • @PaulomiMukherjee
    @PaulomiMukherjee 2 роки тому

    You just saved my life! :D

  • @kateshaw8334
    @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?

  • @yinkababalola989
    @yinkababalola989 2 роки тому

    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?

  • @Pegisus2501
    @Pegisus2501 2 роки тому

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

  • @נטעוייס-ל8ל
    @נטעוייס-ל8ל 2 роки тому

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

  • @leilanipatrick111
    @leilanipatrick111 2 роки тому

    You're awesome, thanks!

  • @danielcantu9343
    @danielcantu9343 2 роки тому

    Random question. Is there any way to get the video to take up the entire length of the page so it comes across as a "banner video". Any help would be greatly appreciated.

  • @michaelpage4316
    @michaelpage4316 2 роки тому

    Thank you! Curious, the loop link doesn't seem to work...any help with this? Thanks!

  • @kyletschmidt
    @kyletschmidt 2 роки тому

    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.

  • @lukewulsin641
    @lukewulsin641 2 роки тому

    Super helpful!

  • @pixienix
    @pixienix 3 роки тому +1

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

  • @devbkada
    @devbkada 2 роки тому

    Thanks again

  • @WilsonSilverthorne
    @WilsonSilverthorne 3 роки тому

    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.

  • @BrettSimms
    @BrettSimms 2 роки тому

    Thanks for this - very helpful

  • @samanthahill2738
    @samanthahill2738 2 роки тому

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

  • @DrewTimelapse
    @DrewTimelapse Рік тому

    Thanks!

  • @donm1612
    @donm1612 2 роки тому

    This video and your autoplay video have been permanent parts of the toolbox.

  • @asudeguven
    @asudeguven 2 роки тому

    So helpful thanks

  • @2gido
    @2gido Рік тому

    Can i just use a vimeo link that will allow the video to be played directly on the page

  • @jennifersmith8611
    @jennifersmith8611 2 роки тому

    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
      @gregmionske8632 2 роки тому

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