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...
03-26-2025
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...
03-23-2025
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/...
03-21-2025
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...
03-20-2025
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.
03-20-2025
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
03-16-2025
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...
challenge accepted!
03-13-2025
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 {...
03-13-2025
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
Subject | Views | Posted |
---|---|---|
579 | 03-21-2025 03:36 AM | |
544 | 03-13-2025 10:57 AM |