Issue: Product detail page (PDP) videos are taller than images and do not auto-fit the same portrait frame as gallery images.
Context & evidence: A specific product URL was provided, and a screenshot illustrates the video’s greater height compared to images. PDP = Product Detail Page; styling controlled via theme CSS.
Suggested change: Edit theme CSS (Online Store > Themes > Actions > Edit code > Assets > component-product.css) to set the product video’s width to about 99% to reduce the visual mismatch.
Outcome/feedback: The CSS tweak resizes the current video but does not ensure automatic fitting to a predefined frame regardless of the video’s original dimensions.
Open questions: How to make videos auto-fit a defined frame like images, independent of source size; how to check existing image dimensions to upload videos with matching dimensions.
Status: No final resolution yet. The thread remains open with requests for a more robust auto-fit solution and guidance on determining image dimensions. Code changes and the provided screenshot are central to understanding the issue.
Hi,
While trying to upload Video to PDP page, the video is not getting auto adjusted to the set portrait size like rest of the images. The height of the video is more than the existing images. Can you please help me wherein video should auto fit to the size like images do.
URL: https://www.rivaajethnic.com/products/aisha-ajrakh-cotton-blue-straight-kurta
As seen in below screenshot, the height of video is more than image.
Many Thanks!
Hello @RivaajEthnic
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-product.css
add this code at the end of the file and save.
.productView-image .productView-img-container .productView-video video {
width: 99% !important;
}
Thanks
Thanks Rahul, this code is resizing the existing video to 99%. would you know if there is a way where videos can autofit a defined frame irrespective of what their original size was?
Thanks Tosyno. How can i check what is the existing size of the images so that i can upload video with same dimension?