Fire TV Stick中WebView加载HTML5视频时左上角分享图标如何移除？

以下是几种可行的解决方法，按从易到难的顺序尝试：

1. HTML标签属性调整 #

给video标签添加controlslist属性，明确禁用不需要的控件，同时禁用画中画功能避免额外控件：

<video id="window-v-0" class="contain" autoplay="autoplay" poster="" 
       style="position: absolute;width: 100%;height: 100%;"
       controlslist="nodownload noremoteplayback" disablepictureinpicture>
</video>

controlslist="nodownload noremoteplayback"会隐藏下载和远程播放相关的控件，Fire TV上的分享图标通常属于这类控件范畴。

2. CSS样式隐藏 #

如果HTML属性无效，可以通过CSS直接定位并隐藏分享图标：

/* 仅隐藏分享图标（保留其他控件） */
video::-webkit-media-controls-share-button {
    display: none !important;
}

/* 若不需要任何媒体控件，可直接隐藏全部 */
video::-webkit-media-controls {
    display: none !important;
}

将这段CSS添加到页面样式表，或内联到video标签的style属性中即可。

3. Android代码层面控制 #

如果前端方法都无效，需要在Android的WebView配置中调整：

方法A：接管视频视图并移除系统媒体控件 #

自定义WebChromeClient，接管视频播放视图，手动移除系统自带的媒体控件：

webView.getSettings().setMediaPlaybackRequiresUserGesture(false); // 允许视频自动播放
webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public void onShowCustomView(View view, CustomViewCallback callback) {
        super.onShowCustomView(view, callback);
        // 定位并移除系统媒体控制器
        if (view instanceof FrameLayout) {
            FrameLayout videoContainer = (FrameLayout) view;
            for (int i = 0; i < videoContainer.getChildCount(); i++) {
                View child = videoContainer.getChildAt(i);
                if (child.getClass().getSimpleName().equals("MediaController")) {
                    videoContainer.removeView(child);
                    break;
                }
            }
        }
    }
});

方法B：调整WebSettings限制控件显示 #

尝试修改WebSettings属性，限制媒体控件的加载：

WebSettings settings = webView.getSettings();
settings.setMediaPlaybackRequiresUserGesture(false);
settings.setAllowContentAccess(false); // 限制内容访问，可能影响控件显示逻辑

内容的提问来源于stack exchange，提问作者Yigal