Ionic video fullscreen mode - ionic-framework

I'm experiencing a strange behavior with JWPlayer and Ionic. I'm using JWPlayer to display my videos and it works fine, but i have a strange bug i don't reach to fix.
When i try to display the video in fullscreen mode, it works ONLY if the video is in a modal dialog. If the video is in a view, (ion-view instead of ion-modal-view), the video tries to go fullscreen, and flickers back to normal mode, like if something is blocking the fullscreen mode. I checked the JWPlayer event 'fullscreen', and when the video is in a view, the fullscreen event is triggered twice, and only once if in a modal view. This bug seems to appears only on android device. I'm using the default code.
Someone has experienced then same problem ? and if yes, there is a fix or a workaround ?

Related

Flutter Video Player appears on second time webpage loads and overlay buttons not functional

Link: Website
Problem: The video on the front page below the video banner does not render until you navigate away from the page and return back. When the video finally appears and plays, the play button does not work. Is there a way to have the video appear on first appearance and have the overlay work as expected.
I am using the latest video_player widget to play the video. Other videos I have implemented work just fine.
When I debug my flutter web application, the application pauses at videoController.play() inside initState(). I continue execution to see if there is was an exception, but nothing new shows in debug console.
One solution I found to work is by setting the volume to 0 then starting the video.
This allows the video to play, but the overlay still not functioning as expected, so I just removed it. For now it works, but still wondering on how the overlay can be implemented.

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.

Vkontakte Like Button Does Not Show in FireFox

I have an issue where I have a hidden toolbar the drops down with social buttons on it, the VK.com like button being one of them.
It refuses to show itself in FireFox. All other browsers work fine however when the bar pulls down there is nothing there in FF. Does Vkontakte have a force load / render like Facebook and Google do where you can programmatically trigger the render of the like button.
It may be because you have launched video on vkontakte with firefox zoom something other than 1:1. This may result in distorted video player pop-up window size. it is a bitch to fix, since reinstalling firefox and flash player don't do any good.
Launching vk.com videos with different zoom rates, and finally 1:1, seems to fix it.
This may be unrelated to your problem.

iPhone html5 video avoid native fullscreen when using airplay on Safari

I know that allowsInlineMediaPlayback only works on iPad, but my goal is to play the video on AppleTV, while I am displaying some dynamic html content on Safari. I basically want to get rid of the airplay indicator screen or hide it somehow, or open a new tab while the video keeps playing or kind of minimize it display just a small pause button on the bottom of my html page while the video is playing on AppleTV.
If this is not possible to be done on iPhone, can it be done on iPad ? I want to have as much space as possible on the safari page and just a pause button for the video.

YouTube javascript API accessible via UIWebView on iPad?

I can't seem to get this working using stringByEvaluatingJavascriptFromString. Apparently the webview does something peculiar to youtube videos (due to the YouTubePlugIn.webplugin perhaps?) and the javascript API is unusable.
The problem I'm having: How do I pause\stop a video when the user navigates away from a UIWebView with an embedded YouTube video?
Right now the only thing I can think off is reloading the view from a string before navigating away... but that seems heavy and hackish.
Has anyone had any luck with this?
Loading an empty string is the only thing I have found that works right now.
I am trying to play the video in a popover, and clicking off the popover (closing it), causes the sound to still play in the background until a new video is selected. The solution to this is to load an empty string. Unfortunately, if they fullscreen, clicking off the popover to close it (because it sits on top of the fullscreen video) loads the empty string, and then the entire application crashes. :(