smarthomebrisbane Posted April 30, 2022 Share Posted April 30, 2022 Site URL: http://www.juanitamuller.com.au/georges-war I cant get my embedded video from an external site to stay confined to the width of a screen on mobile. Just above the title "The Houses" I have the video which works fine on desktop but breaks on mobile. This is the current CSS I'm using for it: .video-container { height: 50%; padding: 0 !important; max-width: 100% !important; width: 100% !important; text-align: center; } And here's the original vid: <div class='video-container'> <video controls><source src="https://australiansatwarfilmarchive.unsw.edu.au/videos/874/Alick_Hodgson_1973_874_1.mp4#t=27" type="video/mp4"></video> </div> Any help would be much appreciated! Link to comment
tuanphan Posted May 1, 2022 Share Posted May 1, 2022 Add this into Code Block <style> @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1641701661156_3646 video { width: 100% !important; } } </style> 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