justin_phang Posted October 2, 2020 Share Posted October 2, 2020 (edited) Site URL: https://www.justinphang.com/google-ugh-moments Hi there, The problem I'm trying to solve is the 16:9 videos appear small in my website's mobile view. Is there a way to tweak the embedded videos to be more of a 1:1 or 4:3 ratio before tapping? Tapping it will still play the video in it's actual aspect ratio. Edited October 2, 2020 by justin_phang Learning something new everyday Link to comment
tuanphan Posted October 3, 2020 Share Posted October 3, 2020 Add to Google ugh moments page Settings > Advanced > Header <style> /* resize video */ @media screen and (max-width:640px) { .video-block .intrinsic-inner { padding-bottom: 100% !important; } } </style> justin_phang 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
justin_phang Posted October 4, 2020 Author Share Posted October 4, 2020 On 10/3/2020 at 4:08 PM, tuanphan said: Add to Google ugh moments page Settings > Advanced > Header <style> /* resize video */ @media screen and (max-width:640px) { .video-block .intrinsic-inner { padding-bottom: 100% !important; } } </style> Same... I just realize this requires premium feature. Any chance this can be achieved with the generic CSS style tab? Learning something new everyday Link to comment
tuanphan Posted October 4, 2020 Share Posted October 4, 2020 22 minutes ago, justin_phang said: Same... I just realize this requires premium feature. Any chance this can be achieved with the generic CSS style tab? With Personal Plan: Edit Page > Add Code Block > Paste above code justin_phang 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
justin_phang Posted October 4, 2020 Author Share Posted October 4, 2020 Dope! This does it, thank you so much again! Learning something new everyday Link to comment
Iterum Posted February 28, 2021 Share Posted February 28, 2021 How do I do that opposite of this? Link to comment
tuanphan Posted March 2, 2021 Share Posted March 2, 2021 On 2/28/2021 at 7:00 PM, Iterum said: How do I do that opposite of this? Resize video for desktop? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
pituca Posted April 27, 2022 Share Posted April 27, 2022 Why am I getting a syntax error for this? Link to comment
tuanphan Posted May 1, 2022 Share Posted May 1, 2022 On 4/28/2022 at 4:37 AM, pituca said: Why am I getting a syntax error for this? You need to add that code to Page Header. If you add to Custom CSS, it will say syntax error Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MSCreative Posted January 10 Share Posted January 10 Hello, how can I use this code in projects? (projects doesn't seem to have the 'Advanced' tab option in settings). Thanks! Link to comment
tuanphan Posted January 13 Share Posted January 13 On 1/11/2024 at 5:20 AM, MSCreative said: Hello, how can I use this code in projects? (projects doesn't seem to have the 'Advanced' tab option in settings). Thanks! Can you take a screenshot of your project setting? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment