atominte
Shopify Partner
Contact Me
Status
Offline
Last Activity
‎04-17-2025 03:33 AM
Topic Started
0
Topics Started
Topic Solutions
2
Solutions
Post Count
27
Posts
Post Kudos
1
Likes

Bio: Founder of Origits, helping e-commerce brands turn social videos into website conversions. We make it easy to use your existing TikTok/Instagram video...

Community Badges

No content to show

User Activity

Instagram uses a WebView (a lightweight browser) within its app to display external websites, which has strict limitations. First, ensure your video is properly encoded and compatible with the Instagram app. To check this, take the full URL of the vi...
Great to hear it works!I beg you to properly encode the video and reupload it. .mov is a very bad idea to use as a video format for the web.>Do you have any idea how I could get the video to go into the header?The question isn’t quite clear, to be ho...
The code above already should solve this exact issue.  Have you changed path to correct video files here: const desktopSource = 'https://cdn.shopify.com/videos/c/o/v/73e49ca51d8f4233a2905c7b11b3f646.mov';const mobileSource = 'https://cdn.shopify.com/...
Try this: <section id="shopify-section-template--23530164814090__custom_liquid_nEkprX" class="shopify-section section"> <style data-shopify=""> .section-template--23530164814090__custom_liquid_nEkprX-padding { padding-top: calc(0px * 0.75...
There’s no way to enable autoplay directly in low power mode on an iPhone without user interaction due to iOS restrictions. It’s quite hard to help fix a blurry image without an actual page example. Feel free to share it to identify the issue.
A few days ago, I shared a solution to the exact same issue. It's pretty simple to fix: https://community.shopify.com/c/shopify-design/hero-banner-video-getting-cropped/m-p/2978243#M780037 
This one is pretty solid: favikon.com 
Glad it worked! To add lazy loading and controls:- For lazy loading, add loading="lazy" to the <video> tag.- For controls, add the controls attribute. It’ll let users unmute after the muted autoplay starts. <video autoplay loop muted playsinline load...
 Embedding videos in such case can be tricky but achievable:- Go to Settings > Files, upload your video, and copy its URL.- In the product’s Description, switch to HTML view (</>).- Add this code (autoplay, muted version), replacing the URL:<video au...
Embedding videos in Shopify descriptions can be tricky due to dynamic rendering. Are you looking to add a different video to each product description, or do you want to manage one video from the admin panel for multiple products?
To make the video play with sound, simply remove autoplay='autoplay' from the theme code (see the attached image).It’s a browser policy: if you want a video to autoplay, it must be muted. 
> Would anyone know how to add 1 link to this video?  <style> video { width: 100%; height: auto; display: block; margin: 0 auto; } </style> <a href="https://www.instagram.com/" target="_blank"> <video muted autoplay playsinline l...
Oki doki, let's try to fix it. Prevent Zooming/Cropping:- Add this CSS (YouTube iframes don’t support object-fit):  .superpowered-video { position: relative; width: 100%; padding-bottom: 56.25%; /* 16x9 default */ } .superpowered-video iframe {...
Quite hard to suggest without the url, but probably following steps might help:1. Try to fix the zooming mess- Stick to one format like 16x9 and keep the good stuff in the middle so it doesn’t get chopped.- Toss this CSS into Shopify’s customizer: vi...
My Accepted Solutions
This widget could not be displayed.
This widget could not be displayed.
This widget could not be displayed.
This widget could not be displayed.
Helpful From