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

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

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

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

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

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

    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  3 месяца назад +1

      You're welcome!

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

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

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

    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!

  • @karenschwarz2188
    @karenschwarz2188 11 дней назад

    amazing! Thank you so much for sharing this!

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

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

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

    Amazing work on your code bro !

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

    Great tutorial and code, thanks!

  • @TheGlamorousLife101
    @TheGlamorousLife101 4 дня назад

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

  • @faizarasheedsanjrani3938
    @faizarasheedsanjrani3938 Месяц назад +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  Месяц назад

      Unfortunately not possible to create a solution for every paid them

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

    Amazing! tyvm for the tutorial

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

    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  Месяц назад

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

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

    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  3 месяца назад

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

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

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

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

      Sure, will create a video for that

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

    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  3 месяца назад

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

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

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

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

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

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

    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

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

    Is it possible to play the video with sound?

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

      No it's not possible due to restriction in browser

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

    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 Месяц назад +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  Месяц назад

      Great, thanks for letting us know

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

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

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

      Auto adjust

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

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

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

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

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

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

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

    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  2 месяца назад

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

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

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

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

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

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

    Thank you

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

      You're welcome Don't forget to subscribe

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

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

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

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

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

    Hello, is it applicable on Dawn 15.0.0

  • @ApexDetailingUK
    @ApexDetailingUK Месяц назад +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  Месяц назад

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

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

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

    • @prettygurlmara87
      @prettygurlmara87 Месяц назад +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 Месяц назад +1

      @@WebSensePro Tried everything its still showing on all pages

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

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

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

    whats the size of the backround video?

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

    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  3 месяца назад

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

  • @udaypatil1764
    @udaypatil1764 28 дней назад

    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  15 дней назад

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

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

    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  2 месяца назад

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

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

    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  3 месяца назад

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

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

    Can you tell me how to autoplay video in product page

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

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

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

    Assalam o Alaikum
    is it applicable on Dawn 13.01?

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

      Yes, it applies to Dawn 13.01.

  • @goshowtraveler
    @goshowtraveler 26 дней назад

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

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

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

  • @bhaveshkturakhia273
    @bhaveshkturakhia273 Месяц назад +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  Месяц назад

      You can create a different section in mobile

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

    nice

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

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

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

    how to add video call option

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

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

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

    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  3 месяца назад

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

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

    confusing and not working it says the code has errors

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

      Which theme you trying this on?