Auto play video in webview

Question

I am new in android and I am displaying a news link in a webview. News link contains a video. Problem is that, After opening a link i have to click on video then video is playing but i want that video should be play automatically.

Thanks in advance.

My code is:

myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
myWebView.getSettings().setPluginState(PluginState.ON);         

myWebView.setWebViewClient(new WebViewClient() {
    public void onPageFinished(WebView view, String url) { web.loadUrl("javascript:(function() { document.getElementsByTagName('video')[0].play(); })()"); }
    });

myWebView.getSettings().setMediaPlaybackRequiresUserGesture(false);
myWebView.setWebChromeClient(new WebChromeClient());
myWebView.loadUrl("http://aajtak.intoday.in/livetv.html");

score 29 · Answer 1 · answered Jul 24 '17 at 14:28

29

myWebView.getSettings().setMediaPlaybackRequiresUserGesture(false);

https://developer.android.com/reference/android/webkit/WebSettings.html#setMediaPlaybackRequiresUserGesture(boolean)

Note: Only for API level 17 and above.

answered Jul 24 '17 at 14:28

Harsh Shah

301
3
3

I don't know if it makes to enable video auto play in all case but perfect me. Thank you very much. – bb14816 Feb 06 '18 at 06:35
This works, but I had to manually specify this in JS too: `document.getElementById("video").muted = "true";` just setting `muted` in HTML didn't work for me. if you just take this code make sure you match the HTML ID of your video. – Yigal Nov 15 '19 at 09:31

score 12 · Answer 2 · edited May 07 '18 at 09:39

12

This works for me.

webView.getSettings().setMediaPlaybackRequiresUserGesture(false);

using above, after opening a link no need to click on video, the video is playing automatically.

edited May 07 '18 at 09:39

ColdFire

6,764
6
35
51

answered May 07 '18 at 07:20

Priyanka G

141
2
6

score 3 · Answer 3 · answered Aug 22 '17 at 09:52

video on webview didn't support 'autoplay'. so we shoud start video by hand: android:

@Override
public void onPageFinished(WebView view, String url) {
 super.onPageFinished(view, url);
 view.loadUrl("javascript:onPageFinished();"); 
}

JS:

function onPageFinished() {
    var video = document.getElementById("video");
    video.play();
}

score 2 · Answer 4 · answered Dec 01 '16 at 19:49

2

myWebView.setWebViewClient(new WebViewClient() {
  public void onPageFinished(WebView view, String url) {web.loadUrl("javascript:(function() { document.getElementsByTagName('video')[0].play(); })()"); }
});

You should implement loadUrl on the WebView... Simply replace web.loadUrl with view.loadUrl and it should work just fine

answered Dec 01 '16 at 19:49

Ahmad Tn

360
3
16

it gives me an error in console: Uncaught TypeError: Cannot read property 'play' of undefined", source: – Ali Noureddine Apr 02 '18 at 12:10
1

The error given implies that the JavaScript code `document.getElementsByTagName('video')` is returning an empty list, meaning that your video is not placed inside a `` Tag in HTML. – Ahmad Tn Apr 03 '18 at 14:16

score 1 · Answer 5 · answered Dec 14 '21 at 03:41

1

Just make your webview thinking he is running in PC instead mobile Insert this os MainActivity file

webView.getSettings().setUserAgentString("1");//for desktop 1 or mobile 0.

answered Dec 14 '21 at 03:41

Andre Silva

11
1

where's the references? – Tony Aug 12 '22 at 15:50

Auto play video in webview

5 Answers5