Hi Community and Experts! I am currently struggling with the following task: I want to create a “Video with Text” section just like the “Image with Text” section. I found the following discussion where the Problem was solved, but no real solution was given: https://community.shopify.com/topic/1391…

Hi everyone! I hired a coder to do it since I couldn’t fin anything helpful. Here you go: Create a new section with this code, called “video-with-text.liquid” {{ 'component-video-with-text.css' | asset_url | stylesheet_tag }} {%- for …

https://irriniti.com/products/irriniti-portable-lint-hair-remover this is the product page. so on desktop it works fine but on mobile it is blank. thank you for taking the time

I think the issue with your code is the ‘autoplay’: [1.PNG] Many mobile devices (if not all) don’t allow automatic playback. That’s why in the code I provided, a ‘play’ and ‘pause’ button are added, toggling when pressed.

i see, well maybe you can help me further to figure this out. I got the idea of video and text section from this website https://thevortix.com/products/vortix-smart-car-vacuum-air-blower and they have that feature where the video is on autoplay and it works on mobile. Maybe you can check their code …

In my case, the videos on this page don’t play from my mobile device. Same issue. [video.jpeg] The only difference in their code is the following attributes included: controlslist=“nodownload” disablepictureinpicture=“” The first one prevents users from downloading the video using playback contro…

that is weird, for me it plays the video autoplay perfectly which is what I want. I am using safari on iphone 14 pro

First off thank you so much for this it works beautifully. On desktop it is perfect. On my mobile device, the video shows up blank with just a button for play in the top left corner. I am able to hit play but it looks rather weird with no image there. is there anyway to correct this?

Sure thing! If I manage to solve it in the next few days, I’ll let you know.

The following code allows displaying a preview image before the video starts playing. This is particularly useful on mobile devices as it prevents the video from showing a blank screen when paused. Don’t forget to add the URL of your cover image within the ‘poster’ attribute. Here’s an example bel…

Appreciate your help with the code a lot! I do have one question about where I should put the code mentioned above, to create a preview for the vid. Could you please show where the code should be? Ps, I found it. Another question is if it’s possible to give my video box rounded edges?

How can I create a video with text section in the Dawn theme?

Store Design

Spac-es February 5, 2024, 1:02pm 94

Depending on the device and browser. I used Android and the browser called ‘Mi Browser.’ Anyway, here’s some relevant information I found that might help you:

Fix Elementor Video Autoplay not Working on Mobile

Topic		Replies	Views
Video Section - Dawn Theme - Make video smaller Store Design design	9	100	December 20, 2023
Dawn theme: add Color scheme setting to video with text section Store Design design , customizations , shopify-themes	11	113	June 6, 2025
Add mp4 Video to Homepage Debut Theme (not YouTube) Store Design	31	437	November 18, 2024
Dawn Theme - Custom HTML for Video Autoplay Store Design	66	847	November 20, 2024
How can I incorporate a video into image with text on Sense theme? Store Design troubleshooting	19	2132	March 26, 2025

How can I create a video with text section in the Dawn theme?

Related topics