I am currently coding an HTML5 page specifically for iPad Mobile Safari, which includes a video tag for embedding video files. I have successfully implemented CSS3 media queries to determine the orientation of the iPad.
My next challenge is to dynamically change the src attribute of the video tag based on the orientation of the device. Essentially, I need to display one video in landscape view and another video in portrait view.
Any suggestions or guidance on how to tackle this issue? It seems like it should be straightforward, but I'm struggling to make it work correctly.