How do I make the black bars on the side of an HTML5 Video on iPad disappear?
I'm working on a WebApp that is supposed to run mostly on iPads. The App plays several videos and has some interactive components as well. My problem is cosmetic: even though the HTML5 Video Tag works fine, the custom controls that I've created control the video/audio playback just fine, for the life of me I can't figure out how to make the black bars on the side of the video disappear. The embedding is completely standard: <video id="video" src="./video/video.mp4" width="1024"></video> I just want the damn video to be exactly as wide as the iPad screen, but no matter what size I specify,