A user encountered an issue where embedded videos on their Shopify store shrink when played on mobile devices, creating white gaps on both edges instead of filling the screen width.
Solution provided:
deferred-media video {
object-fit: cover !important;
}
This CSS rule forces the video to cover the full width of the container on mobile view. The original poster confirmed the solution worked successfully.
Hi guys,
I’d like to edit the video size in Mobile view
When I hit/ tap the play button, the video size shrinks and leaves white gaps at the both edges (as picture 1). How can I make the video covers the screen width completely (as the picture 2).
Please check my url: https://189ee3-2.myshopify.com/products/tank-top
Thank you,
@collins276 , do this to fix it in 20 seconds:
deferred-media video{
object-fit: cover !important;
}
If it helps you please click on the “like” button and mark this answer as a solution!
Thank you.
Kind regards,
Diego
Thank you 
