How To Add Video On Shopify Homepage With Autoplay [Updated - 2025]

Поделиться
HTML-код
  • Опубликовано: 9 янв 2025

Комментарии • 109

  • @johnfellers5691
    @johnfellers5691 Месяц назад +1

    This was an incredible improvement over video sections in the standard Dawn theme. You are very talented. Thank you!!

    • @WebSensePro
      @WebSensePro  Месяц назад

      Your welcome, dont forget to sub

    • @johnfellers5691
      @johnfellers5691 6 дней назад

      @@WebSensePro Yup, subbed a month ago!

  • @pabloalvezmanoli7964
    @pabloalvezmanoli7964 6 месяцев назад

    This is the tutorial I've been wating for! Thanks Bilal for your work and for all functionality provided. You're the best!

    • @WebSensePro
      @WebSensePro  5 месяцев назад +1

      You're welcome!

    • @diarrandiaye3983
      @diarrandiaye3983 4 месяца назад

      @@WebSensePro Thank you so much Bilal for your work everything provided. I only have one question, I have watched your previous video before the updated one and on mobile, you have to play the video banner in order to watch it! Is there a way to make it autoplay for mobile? Thanks in advance!

  • @Michael-m6i
    @Michael-m6i 6 месяцев назад

    Thank you for adding this! Very cool enhancement from the original custom liquid. Love how much functionality there is.

  • @OzJimbo
    @OzJimbo Месяц назад +1

    Fantastic job bro!! Massive help for newby like me. Thank you so much!

    • @WebSensePro
      @WebSensePro  Месяц назад

      Happy to help! Dont forget to subscribe to learn more

  • @Samanta-c6u
    @Samanta-c6u День назад

    super video ! Thanks

  • @thezhutofficial
    @thezhutofficial 2 месяца назад

    Absolutely love your work mate, From Australia

  • @johnfellers5691
    @johnfellers5691 7 дней назад

    This solution was amazing Bilal. I used this auto-play solution for a video at the top of my Shopify (Dawn) landing page. This looks perfect on mobile but on desktop the video is too large. How can we control the dimensions of the video? Any help would be very appreciated. Happy to donate to if you have a Patreon, etc. Thanks!

  • @JimiHietanen
    @JimiHietanen 10 дней назад

    Great Video! I was wondering If it's possible to add left and right margins, so that the video wouldn't be full width on the mobile and so that I could align the video with other content that I have on my page? Can I maybe add it somehow on the mobile CSS? Thanks!

  • @CATOPIA-jk6np
    @CATOPIA-jk6np 5 месяцев назад

    Amazing work on your code bro !

  • @diarrandiaye3983
    @diarrandiaye3983 4 месяца назад

    Thank you so much Bilal for your work everything provided. I only have one question, I have watched your previous video before the updated one and on mobile, you have to play the video banner in order to watch it! Is there a way to make it autoplay for mobile? Thanks in advance!

  • @getampdconsulting
    @getampdconsulting 5 месяцев назад

    Great tutorial and code, thanks!

  • @karenschwarz2188
    @karenschwarz2188 2 месяца назад

    amazing! Thank you so much for sharing this!

  • @GoToolsource
    @GoToolsource 2 месяца назад

    this has been super helpful. I have a quick question, when adding it and selecting wide, it still has some think white lines at the top and bottom of the video. How can I remove those lines? thanks!

  • @VictoriaYastrebova-m9w
    @VictoriaYastrebova-m9w Месяц назад

    Thank you very much ! You are my savior !

  • @OzJimbo
    @OzJimbo Месяц назад +1

    How did you make your video 1080p format?

  • @theyoofee
    @theyoofee 2 дня назад

    This was amazing thank you. I was wondering how to make the video clickable and linked to a product page? if you can help it would be great thank you

    • @WebSensePro
      @WebSensePro  День назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @faizarasheedsanjrani3938
    @faizarasheedsanjrani3938 3 месяца назад +1

    Can you guide for Caren-v-1-0-7 theme? it looks like complicated to adjust with picture in theme so can you upload video that ho to add videos and pictures for caren theme? Because changes are only possible by editing code.

    • @WebSensePro
      @WebSensePro  3 месяца назад

      Unfortunately not possible to create a solution for every paid them

  • @yashasvigupta9420
    @yashasvigupta9420 3 месяца назад +2

    i want add different video for mobile view, can you please guide me for that.

    • @WebSensePro
      @WebSensePro  3 месяца назад

      Sure, will create a video for that

  • @AhmedJamilKhokhar
    @AhmedJamilKhokhar 6 месяцев назад

    Amazing! tyvm for the tutorial

  • @ThreadTheory-j7o
    @ThreadTheory-j7o Месяц назад +2

    Kindly make video on How To Add Smart Ai Shopify Sales Pop Up Notifications using DAWN theme.

  • @hafizroman6017
    @hafizroman6017 5 месяцев назад

    Hi, is there any video on your channel available on "How to move collection page description bottom of the page in SHopify"...?

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @kristianrossenkristensen6858
    @kristianrossenkristensen6858 3 месяца назад

    Hi, thanks for the good content. I am using Dawn theme. When adding this section to me product page below the Product Information, the video section "hides" behind the Product Information section in the UI/theme builder. It shows up in the correct place on my website when I "Save" it, but I would like to see correct placement in the UI build. Hope you can help. All the best.

    • @WebSensePro
      @WebSensePro  3 месяца назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @KhazzTheProducer
    @KhazzTheProducer 5 месяцев назад

    Thanks for the great content! Please make a tutorial on to add a background image to the footer 🙏🏽

  • @valentina_gri
    @valentina_gri 6 месяцев назад

    Hi! thanks for the video! Tell please, is it possible to make a video that has only a sound button? a floating one. so that the user can turn on or off the sound of the video without other controls.

    • @WebSensePro
      @WebSensePro  6 месяцев назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @rebecaaguayo6879
    @rebecaaguayo6879 5 месяцев назад

    How can I keep a dropdown row open in the product information section using the Dawn theme? any video?

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Please contact via websensepro.com/contact-us for paid support

  • @TheGlamorousLife101
    @TheGlamorousLife101 2 месяца назад

    Hi so basically you need to to have the “Dawn Theme” to do this the east way?

    • @WebSensePro
      @WebSensePro  Месяц назад

      It should work on all themes

  • @Pochol-i1w
    @Pochol-i1w 5 месяцев назад

    Thanks for the content! May I ask if there is a way to make a different height for mobile? My small size banner looks great on desktop but its too small for mobile.

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Please contact via websensepro.com/contact-us for paid support

  • @lianabagui
    @lianabagui 5 месяцев назад

    Hello! I need autoplay with sound and controls---practically impossible with Google's autoplay policy and I agree with the logical thought put into it, however, our client wants her website to have a video autoplay with sound once the page loads (needs controls for pause, play, mute). Any thoughts please? 🥺

    • @WebSensePro
      @WebSensePro  4 месяца назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @buenas.gracias
    @buenas.gracias 5 месяцев назад

    Hi in the previous video you added a section for vimeo and you tube. How can we add it to this version?

    • @WebSensePro
      @WebSensePro  4 месяца назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @vchallengeyoutube
    @vchallengeyoutube 2 месяца назад +1

    Heyy the autoplay video plays well but i want it on home page only and not product page could you help me with this plz

    • @WebSensePro
      @WebSensePro  Месяц назад

      It should not show up on product pagd

  • @TseStanley
    @TseStanley 3 месяца назад +2

    Is it possible to play the video with sound?

    • @WebSensePro
      @WebSensePro  3 месяца назад

      No it's not possible due to restriction in browser

  • @TseStanley
    @TseStanley 3 месяца назад

    I would like to place the button (actually all blocks in the container) to the buttom left of the video (or other corner). Can you help on it? Thanks!

    • @TseStanley
      @TseStanley 3 месяца назад +1

      Finally, I applied some of the codes you made in the "clickable image banner" to make the video banner clickable to the page / collection I want, without a button. Thanks!

    • @WebSensePro
      @WebSensePro  3 месяца назад

      Great, thanks for letting us know

  • @GetSunlight
    @GetSunlight 5 месяцев назад

    Hi, will the fonts auto adjust to mobile layout? Or we need to write mobile css for it

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Auto adjust

    • @GetSunlight
      @GetSunlight 5 месяцев назад

      @@WebSensePro is there also a way to make the video on desktop size smaller? It looks perfect on mobile

  • @realharmoni
    @realharmoni 5 месяцев назад +1

    This works for the video loop but the button covers the whole thing in mobile mode because the width is too long. Also button cannot be moved from center, to bottom center in desktop mode. How do I fix this?

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Please contact via websensepro.com/contact-us for paid support

  • @ParasNagda-r4c
    @ParasNagda-r4c 5 месяцев назад

    Need help with product video in featured collections can’t auto play the video in craft theme

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Please contact via websensepro.com/contact-us for paid support

  • @johnyoussef6392
    @johnyoussef6392 3 месяца назад

    Thank you

    • @WebSensePro
      @WebSensePro  3 месяца назад

      You're welcome Don't forget to subscribe

  • @ApexDetailingUK
    @ApexDetailingUK 3 месяца назад +1

    Does anyone know how to have the video on the homepage only instead of all pages? When I click on my catalogues/product link page the video appears there too but only want it on home page....

    • @WebSensePro
      @WebSensePro  3 месяца назад

      Video section should only show on the page you added it. It's not suppose to show up on all pages

    • @prettygurlmara87
      @prettygurlmara87 3 месяца назад

      Yesss!! This is happening with me too with both versions, the previous custom liquid and this one too. Please help?

    • @prettygurlmara87
      @prettygurlmara87 3 месяца назад +1

      All of my custom liquids are showing up on all of my pages:product page,about us,etc. I can't figure out how to stop them from showing up everywhere. I only would like for them to show on the home page.

    • @ApexDetailingUK
      @ApexDetailingUK 3 месяца назад +1

      @@WebSensePro Tried everything its still showing on all pages

    • @prettygurlmara87
      @prettygurlmara87 3 месяца назад

      @@ApexDetailingUK what are your plans to fix this. Do you think a different youtubers link would work? Or do you plan yo wait for Websensepro to reply?

  • @devjyotiroy6639
    @devjyotiroy6639 5 месяцев назад

    Hello, is it applicable on Dawn 15.0.0

  • @CezarBozzi
    @CezarBozzi 4 месяца назад

    whats the size of the backround video?

  • @bhaveshkturakhia273
    @bhaveshkturakhia273 3 месяца назад +1

    the video looks good on desktop view but in mobile view its not great as the ratio for desktop doesn't look great on mobile

    • @WebSensePro
      @WebSensePro  3 месяца назад

      You can create a different section in mobile

  • @daniyaluvas9894
    @daniyaluvas9894 4 месяца назад

    Can you tell me how to autoplay video in product page

    • @WebSensePro
      @WebSensePro  4 месяца назад

      Please contact via websensepro.com/contact-us for paid support

  • @Lakshmilucky-ey1of
    @Lakshmilucky-ey1of 6 месяцев назад

    Hi bro,
    I got this alert in my admin panel " upgrade to Checkout Extensibility. Act now to avoid disruptions" is this anyway to aviod to install some app to resolve this issue please help me or put video bro for this issue bro

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Please contact via websensepro.com/contact-us for paid support

  • @goshowtraveler
    @goshowtraveler 3 месяца назад

    how to make banner with two part, one video and one picture?
    thank you before!

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Please contact via websensepro.com/contact-us for paid support

  • @udaypatil1764
    @udaypatil1764 3 месяца назад

    Sir video is lagging too much on various devices! What to do... Can we solve it asap? I have to launch my store on 8th oct

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Please contact via websensepro.com/contact-us for paid support

  • @bernardbarrett79
    @bernardbarrett79 17 дней назад

    Everything went well but now it's not showing in view store, but it still shows in the editing portion

    • @WebSensePro
      @WebSensePro  15 дней назад

      Please contact via websensepro.com/contact-us for paid support

  • @samihawili1261
    @samihawili1261 4 месяца назад

    I added the section and video it worked but its not autoplaying I have to click play to run the video even when I pressed play loop, Any help please?

    • @WebSensePro
      @WebSensePro  4 месяца назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @Weshko
    @Weshko 3 месяца назад +1

    For me ive got to click to play the video it doesnt autoplay

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Which browser u r testing on?

  • @NigarishFatimah
    @NigarishFatimah 6 месяцев назад

    Assalam o Alaikum
    is it applicable on Dawn 13.01?

    • @WebSensePro
      @WebSensePro  6 месяцев назад

      Yes, it applies to Dawn 13.01.

  • @josefonseca7009
    @josefonseca7009 3 месяца назад +1

    confusing and not working it says the code has errors

    • @WebSensePro
      @WebSensePro  3 месяца назад

      Which theme you trying this on?

  • @some_time_some_whare
    @some_time_some_whare 6 месяцев назад

    nice

  • @Arslraja_Seo
    @Arslraja_Seo 5 месяцев назад

    I am facing a problem that the video shows on all pages and i want it on only home page. How to turn it off on other pages?

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @darkbeltextile2
    @darkbeltextile2 5 месяцев назад

    how to add video call option

    • @WebSensePro
      @WebSensePro  5 месяцев назад

      Please contact via websensepro.com/contact-us for paid support