WebView and HTML5

by

I answer this topic just in case someone read it and is interested on the result.
It is possible to view a video element (video html5 tag) within a WebView, but I must say I had to deal with it for few days. These are the steps I had to follow so far:

-Find a properly encoded video

-When initializing the WebView, set the JavaScript, Plug-ins the WebViewClient and the WebChromeClient.

url = new String("http://broken-links.com/tests/video/"); 
mWebView = (WebView) findViewById(R.id.webview);
mWebView.setWebChromeClient(chromeClient);
mWebView.setWebViewClient(wvClient);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setPluginState(PluginState.ON);
mWebView.loadUrl(url);

-Handle the onShowCustomView in the WebChromeClient object.

@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
    super.onShowCustomView(view, callback);
    if (view instanceof FrameLayout){
        FrameLayout frame = (FrameLayout) view;
        if (frame.getFocusedChild() instanceof VideoView){
            VideoView video = (VideoView) frame.getFocusedChild();
            frame.removeView(video);
            a.setContentView(video);
            video.setOnCompletionListener(this);
            video.setOnErrorListener(this);
            video.start();
        }
    }
}

-Handle the onCompletion and the onError events for the video, in order to get back to the web view.

public void onCompletion(MediaPlayer mp) {
    Log.d(TAG, "Video completo");
    a.setContentView(R.layout.main);
    WebView wb = (WebView) a.findViewById(R.id.webview);
    a.initWebView();
}

But now I should say there are still an important issue. I can play it only once. The second time I click on the video dispatcher (either the poster or some play button), it does nothing.

I would also like the video to play inside the WebView frame, instead of opening the Media Player window, but this is for me a secondary issue.

I hope it helps somebody, and I would also thank any comment or suggestion.

Saludos, terrícolas.

More Related Contents:

  1. Android webview & localStorage
  2. Play Youtube HTML5 embedded Video in Android WebView
  3. webview app: choosing a file doesn’t work
  4. HTML5 element on Android
  5. HTML file input in android webview (android 4.4, kitkat)
  6. YouTube Video not playing in WebView – Android
  7. Android Webview – Webpage should fit the device screen
  8. Android – local image in webview
  9. Android WebView not loading an HTTPS URL
  10. Rendering HTML in a WebView with custom CSS
  11. Passing data from java class to Web View html
  12. Android WebView err_unknown_url_scheme
  13. Send Post request along with HttpHeaders on Android
  14. Is `shouldOverrideUrlLoading` really deprecated? What can I use instead?
  15. How to set the initial zoom/width for a webview
  16. Android webview loading data performance very slow
  17. Generate bitmap from HTML in Android
  18. How to force keyboard with numbers in mobile website in Android
  19. YouTube Video not playing in WebView
  20. Caching in Android webview
  21. How to load html string in a webview?
  22. How to retrieve HTML content from WebView (as a string)
  23. Android 4.0.1 breaks WebView HTML 5 local storage?
  24. Android : Html Anchor Link works only once in webview
  25. Webview with asynctask on Android
  26. Webview’s Html button click detection in Activity
  27. Android WebView with an embedded youtube video, full screen button freezes video
  28. Android WebView JellyBean -> Should not happen: no rect-based-test nodes found
  29. Why Bitmap to Base64 String showing black background on webview in android?
  30. Youtube Video in WebView doesn’t load

Leave a Comment