HTML5 video remove overlay play icon

Question

How do I remove the overlay play icon (triangle) that\'s visible in the center of the video for a second or so every time a video starts playing in an Android WebView?

Answer 1

I found a solution. Just add the 'poster' attribute.

e.g. poster="https://via.placeholder.com/1x1" or poster="noposter"

Note: Empty value are ignored. (poster="")

Answer 2

If you said about this picture

This is picture I had when tested my app on Android 6.0.

You can hide this picture. For example:

WebView mWebView = (WebView) findViewById(R.id.web_view);
mWebView.setWebChromeClient(new WebChromeClientCustomPoster());

Chrome client class:

private class WebChromeClientCustomPoster extends WebChromeClient {

    @Override
    public Bitmap getDefaultVideoPoster() {
        return Bitmap.createBitmap(10, 10, Bitmap.Config.ARGB_8888);
    }
}

More info read api