I am creating a browser using flutter_inappwebview. I want to add an inline video player like UC browser has. Can you please help me how do I do that? I couldn't find anything useful by myself.
Related
We want to play some YouTube videos in my React Native app without YouTube branding. We would like to give the user experience as if the video is playing in a native player. We already tried with webview, react-native-youtube-iframe but still, we are not able to achieve our goal. Either top or bottom section has a YouTube logo, then watch and share options are visible. We want to eliminate those. Any possible way to do this in React Native?
URLs of Youtube videos are different for normal videos and embedded videos.
Normal: https://www.youtube.com/watch?v=DGQwd1_dpuc
Embed: https://www.youtube.com/embed/DGQwd1_dpuc
Please change 'watch?v=' with '/embed/'.
You can also hide controls and information by passing 'showinfo=0' or 'controls=0'.
I recently tried to achieve the similar thing in one of my android app if you can somehow use this particular library
This is an android library and as you mentioned you want to do it in android.
android-youtube-player
I have used this library where i used a player with custom control which helps you override the controls and also this share and next button and even the youtube logo.
Let me know if you need any help further.
Edit:
To enable web UI
IFramePlayerOptions options = new IFramePlayerOptions.Builder().controls(1).build();
Then initialize the player with this controls.
You won't see any logo now.
I am trying to build html5 video player with custom controls. While testing on iphone and ipods it popup native ios player with native controls. I want to show custom controls over there. After searching i found that with the help of webview i will able to show inline video player with custom controls on iphone and ipods.
After that i tried to make a ipa with phonegap v2.9 setting property AllowInlineMediaPlayback to true in config.xml and webkit-playsinline in video tag. But still i am not getting any success.
It will be helpful if anyone can share example of how to do it.
Thanks in advance!
WebView and HTML5 <video> (using Surendra and Malenkiy's answer)
I followed whole above thread and many other articles/question online and got the youtube video to work eventually with webview however it opens in a new intent. I want it to play on the same page within specified web view.
Has someone dealt with something like this. I would appreciate your suggestions.
Thanks.
I have a WebView app that includes embedded YouTube videos on a page. But when I go to that page, it gives me an error with a whole bunch of text. I have searched the internet for the past week but with no luck. Can somebody please help me?
P.S. I am new to Android, so snippets would REALLY help :)
Here's the error:
vp.events.addOnDOMLoadHandler(function()
{vp.website.createVideoPlayer('mediaPlayer_cff30e24_42e1_4eb6
'http://youtube.com/v/XXXX', 569, 485, false);});
You need Flash Player in order to view this.
well from CommonsWare
You cannot show them embedded except perhaps on devices that have Flash.
here is the link: https://stackoverflow.com/a/2292459/1084764
however you can override the urlLoading on your webviewclient
I suggest you reading the whole post : play youtube video in WebView
Check if the Adobe Flash Player on your phone is indeed working properly.
I would like to embed a videoview in a webview. I would like to play an mp4 video on that video view. Please guide me with some pointers so that i can implement this.
Update
I have only html4 browser
there was already a question with answer on it.
HTML5 <video> element on Android
I think it's what you're looking for...
EDIT:
I dunno why you have only HTML4 but look at this then:
http://www.robinlionheart.com/stds/html4/objvideo
As far as I know you need the quicktime settings for mp4...