Recently I faced a problem with Youtube videos (iframe API) in WebView of Android 4.X devices.
The problem is onShowCustomView() not fired when video starts playing on Android 4.X devices. I searched for reason, why onShowCustomView() not fired? I got answer as in Android 4.X devices WebView has a feature Embedded Video, because of this video ( in HTML5) will be played by WebView and won't display the video in other Layout.
But when user requested Full Screen mode, then onShowCustomView() will be fired.
Actually I need the Full screen mode of youtube video by default, In Youtube's iframe API no such option to enter full screen, user has to press full screen button.
So for my requirement only 2 answers are there.
Disbaling of Embedded Video for my WebView, then it will work like below Android 4.X and onShowCustomView() will be fired.
Setting the full screen mode by default with Javascript in html file supplying to WebView.
So If anybody got solution to my problem please help me otherwise suggest me to solve this.
Related
I'm trying to add embed youtube video in my Ionic project, just using iframe.
Once I added, it works on the normal web browser(Google Chrome).
However, if I changed view mode to device mode(F12 & Ctrl+Shift+M), and refresh browser, the embed video stopped auto-playing. Is there anyone have experience before fixed like this problem?
Here is the similar case with mine: http://jsfiddle.net/eFLqJ/1005/
This module will be helpful for your problem: https://github.com/orizens/ng2-youtube-player
We are displaying the video using videoJS library in bootstrap modal, the video looks fine in modal popup. However, when we try to see the video in full screen mode the video look quite blur.
So, my is question do we need to set the resolution if going for full screen mode OR it is explicitly handled by VideoJS?
How can the video will be seen in correct resolution in full screen mode using videoJS library ?
I hope its a Progressive download via a HTTP server, check your network download speed/video quality, because if once video download starts the video-quality will be locked. its a common issue for progressive downloads.
I have a tool (Articulate Storyline) that generates interactive videos embedded into web pages. When opening from mobile devices or from Safari, the interaction doesn't work. I found that the attribute webkit-playsinline could solve my issue, but it works on the video tag, not on the object tag (which is the one being generated by my tool.
I have a similar issue with Cordova: my hybrid app for iOS is not interactive, while the one for Android is.
Is there a way I can force the same behavior on the object tag (or in its containing iframe tag)?
I don't think this is possible with an iFrame tag, but I do believe it is possible in a Cordova application. In the Cordova settings for your webview, set AllowInlineMediaPlayback to YES and MediaPlaybackRequiresUserAction to NO. I don't know too much about Cordova applications, but I do know that these keys map to the UIWebView allowInlineMediaPlayback and mediaPlaybackRequiresUserAction properties, which protect against automatic video playback in a webview.
When using the <input type="file" accept="video/*" capture="camcorder"> tag in a web page on a mobile browser, Mobile Safari & Chrome on Android correctly prompt to take or upload video.
This is unrelated to getUserMedia, which doesn't work on Safari on iOS anyhow. See more about the current state of video capture in a mobile browser here: https://plus.google.com/+ThomasQuintana/posts/SuFgtvCyQxv
Is there a way to default the Take Video popup action in iOS or Android to the front-facing camera?
You cannot default the action sheet to record from the front-facing camera by default.
On iOS, this would require the use of the constant UIImagePickerControllerCameraDeviceFront somewhere when initializing the UIImagePickerController. Since this constant does not appear anywhere in the WebKit codebase, it must be unsupported.
I'm developing an android smarthphone app that should have a video and images displayed side to side on the same screen. I'm using video.js for that. The problem is whenever I click the play button on the video, Android goes fullscreen automatically. How to stop this behavior?
Unfortunately there's no real way to stop this behavior as far as I know. Every video goes to fullscreen when you play it on an Android phone.