size mismatch while rotation ipad/iphone webview for youtube - iphone

I am working on YouTube Video playing application where i need to play videos through UIWebView its working fine when i m rotating the devices from portrait to landscape mode.But When i click The Zoom option(Zoom Option means through UIWebView) and trying to rotate the Screen from portrait to landscape mode its showing white Blank screen in bottom right corner.and in case of landscape to portrait at bottom part its showing white blank screen.please help me out.

I guess it has something do with your webviews background color. Anyway can you provide some screenshots to make it more clear.

Related

Set a Drawer to portrait even if image goes to landscape

I am using this template to build out an App. First attempt at App building but want to use this for an online exhibition platform for my paintings and photography etc. This is from a Google Flutter demo on Youtube.
https://github.com/MarcinusX/drawer_challenge/blob/master/lib/main.dart
When you run the app in custom guitar drawer mode(set the flip Bool to true ) the Drawer is set to the left side of the screen(portrait mode). I want to use the length of the screen for info and other menu items for the App.
however i need to display the images and paintings in landscape mode.
this is the issue. Is there a way to leave the Drawer as it would be in portrait mode?
ie when the user turns the device to landscape mode, then the Drawer will turn up from the bottom of the screen, and not the left side of the screen as it currently does?
or is there a way to set an image into landscape mode through ratio change that could be done without orientating the device to landscape?
I tried transform.rotate on the image but that means it get renders in portrait mode in landscape orientation. I also tried playing with the Transform.translate but can't work out how to set the Sizebox differently
I am new to this and wish to use the lockdown time to have a place for my work of the last 15 years so can work out how to code the images and place the controls and audio player for the App but if i can get the basic structure set then i can get going with the design.
any help would be great but if need be I will have to design the App around this
....
app in portrait mode
app in landscape mode, want drawer to turn in from bottom of screen not left edge

How to handle banner ads on iPhone X in landscape

Has anyone got experience yet using banner ads, e.g from AdMob, on iPhoneX. I understand that we need to use the new safe area which seems fine in portrait mode but causes issues in landscape mode.
If we use the new safeArea insets the banner is floating above the new home button replacement swipe area. This is fine in Portrait mode but in landscape this is not ideal as it covers ever more screen estate and might block UI that previously was not be covered by the banner.
For example all my games are in landscape and the player tends to be right above the banner. But on iPhone X that banner in landscape is positioned about 20p higher thus now covers my player. It would not matter if the game was in portrait as we have extra screen estate at the top and bottom on iPhone X, kind of like a dead zone. In landscape however we do not have that extra screen estate at the top and bottom therefore having the banner sit above the safe area is not ideal as it’s covering more space now.
Can we use banners on iPhone X in landscape that are all the way at the bottom? Since games in landscape already cover all of the screen I presume the banner can be placed right at the bottom, below the safe area.

Play youtube full screen on landscape, but inline on portrait - on iPhone

I have a view with a UIWebView on half the size of the iPhone screen.
In this webview I embed youtube videos.
The app is only in portrait mode. Though I would like to see videos play also in landscape.
Now I want the following behaviour:
When in portrait, play inline, don't go full screen.
a. For that I use "webView.allowsInlineMediaPlayback=YES;"
b. I open the webview with this link: "www.youtube.com/embed/videoid?playsinline=1"
If the user rotates the screen to landscape, I'd like the video to go full screen.
If the user then rotates back to portrait, I'd like the video to get inline again.
The rotations shouldn't stop the video in the middle, or restart the play.
What should I do?
As the embedded videos use an undocumented MPInlineVideo(Fullscreen)ViewController, you can't use its API and switch to fullscreen.
I'd thus recommend playing around with the "allowFullScreen"-parameter for the iframe-tag.
If everything fails, you should always be able to change the frame-size of the web-view so that it covers the full screen. You'd have to use width/height 100% in the iframe then.
Disclaimer: This is an educated guess. I've not actually tried to implement it that way.

Correcting Video Orientation in iOS

I am developing a video app in which user can merge different videos present in Asset Library. I am able to join the videos but I am facing the orientation issues.
For example, if a video is landscape right and other is landscape left, the second video will be joined upside down. Moreover, I have tried different codes available at stackExchange, however if i apply those codes to portrait videos, they can be transformed to landscape right but leaving black margins on the sides.
Is there any way that when I select a video to be inserted in my project, first its orientation should be checked, if it is other then landscape right, it should be rotated accordingly and in the end if the original video was portrait, the video should be resized as the native player do when we play a video in full screen mode.
Thanks in advance.

How to launch the camera application in landscape mode and keep it that way in iphone?

I wish to launch the camera in my app but keep it in landscape mode only... is it possible?
If you check the default iphone camera and you put it in the landescape mode only the icons of flash and other items comes in the landscape mode and the white bar always remaining on left side of the camera app so i think we cann't put that bar in the landsecape mode and remaining thing you can do in landescape by autorotate interface doing yes.