IMPORTANT: PLEASE READ ======================================================================== There is a minor mistake in the code, where I have poster attribute in the tag in image-with-text.liquid file. I believe I pasted extra two }}. It should only be two. So correct format is: poster="{{ section.settings.video_image_url }}" and Not poster="{{ section.settings.video_image_url }}}}" Video still works but I advise you to change this as it could cause issues in some cases.
Thanks for taking the time and creating this tutorial! I’ve had this question for some time now. Let me know if you would like to network in the future and chat about UA-cam strategy 👍🏼
Sorry read half of your message. Sure, I would like to hear your thoughts. Can you please email me at webmyster1@gmail.com ? By the way I did a video for youtube in image with text: ua-cam.com/video/XD6Cmf8H0u4/v-deo.html
My lines to edit are different then yours... I have dawn theme version 9.0.0 Does this still work for this new version? Also when trying to save the code it comes up with error "Liquid syntax error (line 100): 'schema' tag must not be nested inside other tags. Any idea why this is? Thanks, your videos are amazing!
Hi, this was so helpful. Thank you so much!! This worked perfectly for me but my video is getting cut off (on the right side, you can only see what is playing on the left side of the video), would you know how I can fix that?
Bro can you help me in how to auto play videos in within product images? I have in every product photos and one video. I want that thus video will play automatically in stead of clicking twice to play it and costumers might get confused because the icon play is on the top left and then you need to click another time on play icon in the middle to play the video I would really appreciate
Thank you for addressing this video issue. Is There a way to do this with the Craft Theme. I don't have Dawn as my Shopify theme. Also can you do a (rumble) application as well?
You can use the same idea, so may be create a backup and give it a try. Might work, I have not tried. One of my subscriber told me that they tried on a different theme and it worked for them so you never know. As for Rumble, tutorials about apps is really not my niche. I stick to more technical stuff. Hope you understand. While I say that who knows may be I will tilt a bit in future :-) but not right now.
Is it possible to have the video autoplay on mobile? The video works but when I view on mobile it shows my image with a playbutton and then i have to manually play the looped video. I have the setting checked to autoplay if no sound but it is not autoplaying on mobile without having to click play first
Does your video have sound? Browsers do not allow videos with sound to play automatically. If your video does not have sound then try adding "muted" attribute to the video tag code. The code that starts with
It doesn't work for me either, although I am using the most upto date version of Dawn i.e. version 8. So maybe the method does not work beyond version 6?
Only videos hosted on shopify. If you want to use UA-cam, I might have to make a part 2 video :-) And if that's what you are looking for it might be easier to customize the existing Video section (that only allows youtube and vimeo videos) to have the ability to add text. Let me know and I will look into it.
@@Webmyster yes, I use UA-cam most of the time because my videos tend to be large files. It would be awesome to modify this existing code to get it working with UA-cam. I like the “image with text feature” because it’s a side-by-side layout and saves time with unnecessary scrolling. Thanks again!
haha ok, are you telling me after turning up the volume on youtube player and your computer you still cannot hear me clearly? It's not about talking louder, I control the levels during editing and can reduce or amplify. I usually keep them at the same level. I would like to know if you had the volume at max and still could not hear me well? Thanks
IMPORTANT: PLEASE READ
========================================================================
There is a minor mistake in the code, where I have poster attribute in the tag in image-with-text.liquid file.
I believe I pasted extra two }}. It should only be two. So correct format is:
poster="{{ section.settings.video_image_url }}" and Not poster="{{ section.settings.video_image_url }}}}"
Video still works but I advise you to change this as it could cause issues in some cases.
HI there, This is not working for Dawn 10.0 . Do i need different a different code? Thanks for the awesome post.
hello, in mobile version it does not show the full video. how can I make the video to fit and be smaller as the default mobile layout doest not work?
It still works, thank you.
Also did you add code that was not on the document you attached? thanks
Thanks for taking the time and creating this tutorial! I’ve had this question for some time now. Let me know if you would like to network in the future and chat about UA-cam strategy 👍🏼
You're welcome!
Sorry read half of your message. Sure, I would like to hear your thoughts. Can you please email me at webmyster1@gmail.com ? By the way I did a video for youtube in image with text: ua-cam.com/video/XD6Cmf8H0u4/v-deo.html
My lines to edit are different then yours... I have dawn theme version 9.0.0
Does this still work for this new version?
Also when trying to save the code it comes up with error "Liquid syntax error (line 100): 'schema' tag must not be nested inside other tags. Any idea why this is?
Thanks, your videos are amazing!
Thanks for the awesome video
Thank you sir
Welcome!
Thank you!
Hi, this was so helpful. Thank you so much!! This worked perfectly for me but my video is getting cut off (on the right side, you can only see what is playing on the left side of the video), would you know how I can fix that?
Love your videos. I did run into a problem my image & video are big how can I edit the size ?
I have added the codes. My video doesn't play. Can you help?
Thank you! Super cool and works great. Could you show how to disable autoplay until mouse movement or scroll is detected?
Use one of the asset_url filters to serve assets what is that ?
Bro can you help me in how to auto play videos in within product images?
I have in every product photos and one video.
I want that thus video will play automatically in stead of clicking twice to play it and costumers might get confused because the icon play is on the top left and then you need to click another time on play icon in the middle to play the video
I would really appreciate
Thank you for addressing this video issue. Is There a way to do this with the Craft Theme. I don't have Dawn as my Shopify theme. Also can you do a (rumble) application as well?
You can use the same idea, so may be create a backup and give it a try. Might work, I have not tried. One of my subscriber told me that they tried on a different theme and it worked for them so you never know.
As for Rumble, tutorials about apps is really not my niche. I stick to more technical stuff. Hope you understand. While I say that who knows may be I will tilt a bit in future :-) but not right now.
Is it possible to have the video autoplay on mobile? The video works but when I view on mobile it shows my image with a playbutton and then i have to manually play the looped video.
I have the setting checked to autoplay if no sound but it is not autoplaying on mobile without having to click play first
Does your video have sound? Browsers do not allow videos with sound to play automatically. If your video does not have sound then try adding "muted" attribute to the video tag code. The code that starts with
This hasn't worked for me, I've used a Shopify video link but I'm just getting a blank area rather than an autoplay video
What Dawn theme version are you using? Is that on desktop or mobile, or both? Also, please double check, may be you missed a step?
It doesn't work for me either, although I am using the most upto date version of Dawn i.e. version 8. So maybe the method does not work beyond version 6?
@@Webmyster I assume that this does not work on version 8 of tDawn as I have just tried it. Could you do one for the latest version?
Doesn’t work for me either. The video window doesn’t appear at all.
Quick question, does this work with UA-cam URLs or just with videos hosted on Shopify files?
Only videos hosted on shopify. If you want to use UA-cam, I might have to make a part 2 video :-) And if that's what you are looking for it might be easier to customize the existing Video section (that only allows youtube and vimeo videos) to have the ability to add text. Let me know and I will look into it.
@@Webmyster yes, I use UA-cam most of the time because my videos tend to be large files. It would be awesome to modify this existing code to get it working with UA-cam. I like the “image with text feature” because it’s a side-by-side layout and saves time with unnecessary scrolling. Thanks again!
@@heymeneses sure, I'll take a look
@@Webmyster thanks, I appreciate your help 👍🏼
please nice info, but speak louder!!!!!!
haha ok, are you telling me after turning up the volume on youtube player and your computer you still cannot hear me clearly? It's not about talking louder, I control the levels during editing and can reduce or amplify. I usually keep them at the same level. I would like to know if you had the volume at max and still could not hear me well? Thanks