Youtube embed videos not working in webview. What's wrong with this code?

Question

I am new to android. I am facing two problems right now 1. I parsed xml file and showed it in webview which contains videos and text . When i click on videos

Answer 1

This does it:

myWebView.getSettings().setPluginState(PluginState.ON);
        myWebView.getSettings().setJavaScriptEnabled(true);
        myWebView.getSettings().setAllowFileAccess(true);
        myWebView.setWebChromeClient(new WebChromeClient());

And enable hardware acceleration too!

Answer 2

have you tested your app in actual device? Because the videos which are embedded like this i.e. iFrame are taking more time to get loaded. In my case, same thing was happening then I changed the webview settings to,

getSettings().setPluginsEnabled(true);

but after that it was not working on emulator and in device it was loading so I thought its not working but just today I tried the same thing and it was working fine with my surprise. So you just need to add this line of code.

Second thing is that only those videos which are embedded in iframe tag are supported by enabling plugins to true.

Answer 3

You need to

• set a WebChromeClient to your WebView

      web.setWebChromeClient(new WebChromeClient());
  

• and turn on hardwareAccelerated value

  <application
  android:hardwareAccelerated="true"...
  

check out http://developer.android.com/reference/android/webkit/WebView.html and read HTML5 Video support part.

This works for me...

Answer 4

I guess, you are using iframe tag in your html code. Change it with object tag. I mean, you must use object instead iframe. An example here:

<object width="480" height="330"><param name="movie" 
value="http://www.youtube.com/v/"here is your video id"?version=3&amp;hl=pt_BR&amp;rel=0">   
</param><param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/"here is your video id"?version=3&amp;hl=pt_BR&amp;rel=0" 
type="application/x-shockwave-flash" width="480" height="330" allowscriptaccess="always" allowfullscreen="true" /></object>

Use the code below:

webview.getSettings().setPluginsEnabled(true);
webview.getSettings().setJavaScriptEnabled(true);
webview.getSettings().setAllowFileAccess(true);
webview.loadUrl(url);

Try this and thick it as accepted if your problem solved :)

Answer 5

Follow this source, Youtube video should play

        String youtubeId = "iiLepwjBhZE";
        int width = rl.getWidth();
        int height = rl.getHeight();

        WebChromeClient mWebChromeClient = new WebChromeClient(){

            public void onProgressChanged(WebView view, int newProgress) {
                /*
                view.loadUrl("javascript:(function() { " +  
                        "document.querySelector('iframe').setAttribute('style', 'width: 1080px; height: 1920px'); " + 
                        "})()");
                */
            }
        };

        String video= "<table bgcolor=\"#666666\"><tr><td><iframe width=\"" +
                width +
                "\" height=\"" +
                height +
                "\"frameborder=\"0\" id=\"player\" type=\"text/html\"src=\"http://www.youtube.com/embed/" +
                youtubeId +
                "?enablejsapi=1&origin=example.com\"></iframe> </td> </tr><tr><td></table>"; 

//

        webView.getSettings().setPluginState(PluginState.ON);
        webView.setWebChromeClient(mWebChromeClient);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setAppCacheEnabled(true);
        webView.setInitialScale(1);
        webView.getSettings().setLoadWithOverviewMode(true);
        webView.getSettings().setUseWideViewPort(true);
        //mWebView.loadDataWithBaseURL(null,load,"text/html","UTF-8",null);
        webView.loadData(video,"text/html","UTF-8");