Thank you for your amazing tutorials! I was able to get the video work on all devices and it looks great! I love that you provided some tips on how to tweak it for our own personal needs.

@Webmyster

Жыл бұрын

Glad I could help!

Hi thanks so much for the great tuts, it's easy to follow and implement. Great stuff!

@Webmyster

2 жыл бұрын

Glad you like them!

Great help bro, keep posting the content, it really helps 100%

@Webmyster

2 жыл бұрын

Thank you! Comments like these are always a motivation for me.

Thank your sir, i struggled following ur steps but i actually did it trying it multiple times. My Issue was that i cound get rid of the mobile version, because i try to inspect in the shop configuration. U guys just have to right click on the shop preview and press inspect then u can change to mobile version. Thanks for your help. Great video!!!

@Webmyster

Жыл бұрын

Thank you! Glad you figured it out.

new subscriber great work

@Webmyster

Жыл бұрын

Thanks for the sub!

so hard and painful, but all working out in the end, thanks!

@Webmyster

Жыл бұрын

haha sorry, if you are not familiar with coding it can seem painful but I'm glad you were able to get it working.

Hi exmple is great! thanks! how can i position center height and center width + cropping from the middle like the image behive?

what is the best size to our banner because i have some black piece in each size of my video (left and right side)

thanks man

@Webmyster

Жыл бұрын

Welcome!

hello I also saw the previous video, I followed all the steps and it seemed to work I have dawn version 10, but after putting the first video I saw that it was too small a format so I did various tests with other formats and at some point stopped working, from mobile if I put any video as soon as I open the page it opens the video by itself in full screen and then if I exit the video freezes without starting, what can I do?

hello! is there away you can do a video on how to get rid of the gray space for image banner? im having trouble space gone

hello, is there anyway we can play a different video on mobile view

how do you make the video to just fill the container instead of adjusting the container height to fit the video across all devices?

Hi, Will this work with any of the paid themes? Like Vivid for example?

Hey thanks so much for your videos, they have really helped! I see loads of people in the comments asking for help with this video so i'm aware you can't reply with code for all of us, however maybe a good topic to include in a future video is code to scale the banner vertically when put on a larger screen. I have put the video background on, got it to work on mobile and web however when I get to bigger screen sizes the bottom of the video is out of shot and you can't see the whole video in one screen, it doesn't look very professional, i tried messing around with the code myself but can't figure it out. So if you could help me with that or maybe cover it in part of a future video that would be great. Either way keep it up it's good work

@Webmyster

Жыл бұрын

HI! Thanks for the input. Problem is that there is not one solution to everyone's issues. Most people have issues on smaller screens. If you are using Dawn theme, your video dimensions could be different than what I'm using in the video, that is why I show tips to play around and find the values that work for you. I do have a plan to release a new version for the latest Dawn but believe me, people will still have issues unless they use exactly the same video I'm using. I will like to take a look at your issue. Please send me an email at webmyster1@gmail.com with the screenshots of this issue.

Hi, Thank you for your sharing. I'm using Dawn 5.0. Is it possible to add arrows on both left and right sides of the main image on the product page under the thumbnail carousel layout?

@Webmyster

2 жыл бұрын

Hi Debbie, yes it is possible but I personally don't have any videos on it but I have seen some videos on youtube from other content creators. So look for those videos and give it a try.

genius!

@Webmyster

Жыл бұрын

Thank you!

Working through this and for some reason when I paste a URL into the new window my video template disappears. It only reappears if I add the video to the hosted by shopify section. Anybody know what the fix for this might be?

Thank you so much for the amazing video. How can I center the video? It seems, that its cutting off lots of the bottom, would love to rather have it zoomed in from the center so that its cutting off a bit of all sides

@Webmyster

Жыл бұрын

Were you able to follow the tips I show in the video to adjust the code so your video fits in the banner area?

thank you so much but how do you change the video?

@Webmyster

2 жыл бұрын

Welcome! Did you follow the whole video? You add your video url to the url field.

Great videos! We are having trouble with the mobile working. I added the lines into the video tag but it still keeps showing the play button. Any help would be greatly appreciated. Thank you!

@Webmyster

Жыл бұрын

Hopefully your video does not have sound. Regardless try adding muted in the video tag also. I have tested this code on an iphone and it works fine, you should not be seeing a play button. Which mobile device are you testing on?

Hey, can't one just set min-width: 100% to make the video have a cover effect and just set overflow: hidden?

@kilian5245

8 ай бұрын

or is there a possibility to have a different video on mobile and one for desktop?

I love your videos! I was able to easily follow your instructions to effortlessly upload my video in the Image Banner section. The major issue I am having is, instead of the traditional gray background, I have a gray background with various Shopify icons on top. These icons show up as an overlay on top of my video. Do you know how to change the underlying Image Banner background to a solid color (without icons) to fix this issue? My issue is on your video it says Pet Supplies, on top of my video, I see what appears to a default background of random icons on top of my video.

@Webmyster

Жыл бұрын

Hi Michelle, thanks for kind words. I have heard some other followers having the same problem and it is possible that this happens with a specific version. In the video I use version 3 which was a while back. Regardless I would like to help you get this resolved. Can you first tell me what version of Dawn theme are you using?

@CMichelleWhite

Жыл бұрын

@@Webmyster wow. Thanks for responding. I was able to find a workaround by using an image in the Image Banner block, along with the video 🙂 However, I am missing the sound.

@Webmyster

Жыл бұрын

@@CMichelleWhite Alright, still I would like to tell you that one thing that can make those icons show is if you dont add this code: and section.settings.video_background == false So please make sure to add this code in image-banner.liquid file. I believe you followed the last video, that's where I gave directions to add this code. As for sound, browsers don't allow to play sound in autoplay videos which is what this video is, it's a background that auto plays. For background videos you cannot add sound. It just a feature implemented by all browsers and we cannot do anything to change it.

@CMichelleWhite

Жыл бұрын

@@Webmyster Thank you. Is there any particular spot I place the code you provided…in the image-banner.liquid file? section.settings.video_background== false

hey thank you a lot for the content! all good but my video is still not autoplaying on my iphone after putting the necessary code :(

@Webmyster

2 жыл бұрын

Hi Ant, certain devices have restrictions and there is no way to go around it. May be you should go with the option of showing videos only on desktop like I show in this video. By the way what model of iPhone do you have?

@getonline6276

2 жыл бұрын

@@Webmyster i have 6s, ok i didn’t see any button to disable the video on mobile

Hi even after adding the playsinline it still shows the play button, and this is on iphone safari which alot of customers use. Could you help possibly?

@Webmyster

Жыл бұрын

Hi! Does it auto play on desktop? Most modern browsers will not play a video automatically if it has sound. Also are you using Dawn them and adding the video to the image banner? I'm asking because some people try to apply the directions from my videos to other themes.

@Webmyster

Жыл бұрын

If it does not have sound and still this is happening try this out: Add muted to the video tag. Can be anywhere in the video tag e.g.

@redburns4262

Жыл бұрын

@@Webmyster im having the same problem and these edits didnt change it but it was working fine then it just stoped please help

Hi I changed to rem in code to 20rem but it's still showing up as 39rem when I go to inspect. Any advice please?

@Webmyster

Жыл бұрын

You might have made a mistake, please double check. Let me know if you still have the issue and I can try to help

@itr-my9eq

Жыл бұрын

@@Webmyster hi there I repeated the process and yes I must have made a mistake. Works fine now thank you

Yo for me the video is perfectly on desktop, but on mobile it shows nothing just a white space with nothing in it. Any ideas why? Could that because of a new version ? EDIT: I accidentally did the Show Image on Mobile, so basically I followed the tutorial too far. Now everything works fine.

@emmanuelslice

Жыл бұрын

Same thing for me the vidéo is a static image and I have this huge white space

Hi Webmyster, you got me, but i still have just one last issue. fom 666px to693 px, I dont know how to fix it, there is juste an minimal grey backround there like 2 ram

@Webmyster

Жыл бұрын

Did you follow the instructions in the video to hide the gray background?

@AZ-ni5uf

Жыл бұрын

@@Webmyster hi, it works just forgetz something👍🏿

iN MOBILE I HAVE PROBLEM MENU DISPLAY THE BEHIND THE VIDEO BANNER . CAN YOUR GIVE ME THE SOLUTIONS?

@Webmyster

2 жыл бұрын

Dawn theme has a burger menu that sits on top of the banner. Trying to understand why would your menu be opening on top of the banner. Not knowing what theme/customizations you have done, this is usually a problem with z-index. If you have some knowledge of CSS, you will just need to add a z-index to the CSS of the menu container that is higher than the z-index of the video background container. You might find some examples if you google z-index issue with menu going behind banner etc.

hello can you help me with collection list?

@Webmyster

2 жыл бұрын

What are you trying to achieve?

@burakyildirim2913

2 жыл бұрын

i wanna change the collection list section

PLEASE HELP - Is there a way to upload a different video for the mobile to the video as the desktop? I cant seem to get the right aspect ratio that works for both. I have a video that works for Desktop and One that works for Mobile??

@claygoff8572

2 жыл бұрын

^

@claygoff8572

2 жыл бұрын

I have the same situation as above, it would be really helpful if you could explain how to do so. Thanks

@Webmyster

2 жыл бұрын

It would take some more coding but it's possible. Add two video tags at the same place in the file and then some CSS to show one Video on mobile and the other on desktop just like I gave the tips to hide the video on mobile in this video

@claygoff8572

Жыл бұрын

@@Webmyster Is there anyway you could do the code for me or send me the code? I would pay.

Hi, thank's a lot for this tutorial I learned a lot but for me it doesn't work at all. Everything I've done is following your way, step by step but my video never appears... I've watched the 2 videos about that 3-4 times, comparing your code to mine and it never show up.. any help? Thank's in advance.

@Webmyster

Жыл бұрын

Sorry to hear that you are having these issues. When you say it does not show up, is there just white space there or something else? Also, I assume you are using Dawn Theme? If yes, what version is it?

@jdcorp3933

Жыл бұрын

@@Webmyster Thank's for the answer. I'm actually using Dawn Theme v7.0 and yes, there is a white space

Can you help me pleas?In my Code the @media is purple no green,also the "and" after media screen is black and height also, what did i do wrong

@AZ-ni5uf

Жыл бұрын

also the code wont work, the grey thing is there

@Webmyster

Жыл бұрын

Please watch the video again and follow the directions carefully, you might have missed something. Just missing one character, or not having space at the right spot can break the code. Seems like you might have missed a closing bracket for @media. That @media code should have a starting bracket { and a closing bracket }

@AZ-ni5uf

Жыл бұрын

@@Webmyster thank you

Hi I have the image but the video is not playing when I'm on my mobile device. Any solutions ?

@Webmyster

Жыл бұрын

It plays fine on the desktop? What do you seen on mobile?

@stevenyoung7447

Жыл бұрын

@@Webmyster I have the same issue, works fine on desktop and android but using iPhone a play button behind the 'shop all' banner.

The video takes loooooooot of time to loess it says « no image »