Phone Video / Odd Size / Aspect Ratio

Use the embed code for an external site – but work out what the % padding should be based on the aspect ratio that specific video has.

Works best alone on a single page as well – if not – decrease the max-height to counteract stuff above it. ALSO added another “overflow:hidden;”

(this one I changed to max-height: 85vh – for example


<div style="overflow:hidden; padding-top:170%; position:relative;height:0;"><iframe style="left:0; top:0; height:100%; width:100%; position:absolute; max-height: 85vh; overflow:hidden;" src="https://see.clickety-clack.click/img/trips/vancouver2023-video/vancouver-suspension-bridge.mp4" width="1032" height="2302" frameborder="0" scrolling="no" allowfullscreen></iframe></div>