Hi Jay,
It's better to use JS instead of CSS to control sizes. For example, on Page Show event you can run the following code:preAppery("video_21").css({"width": "100%","height": $.mobile.activePage.find("[data-role=content]").innerHeight() + "px"});/preTo monitor changing of orientation you can create JS asset with this code:pre$(window).on('orientationchange', function(event) {
Appery("video_21").height("100");
Appery("video_21").css({"width": "100%","height": $.mobile.activePage.find("[data-role=content]").innerHeight() + "px"});
})/preThis is a simple example. You can specify more complex conditions. For example, you can change screen depending on video aspect ratio.