Android＆gt; Chrome Chromecast图标覆盖html5视频位置

Question

如果有Chromecast并且：

如果启用了html5视频控件，则转换按钮会显示在控制栏中。

如果禁用了html5视频控件，则会在左上角显示转换按钮。

我想禁用本机控件，但也包含我自己的转换按钮，video.js-chromecast的功能，但原生按钮仍会显示。

无论如何都要在html5视频上重新定位Cast图标？或完全隐藏它？

Answer 1

在搜索了Chromium源代码后，我想出了如何做到这一点：

video::-internal-media-controls-overlay-cast-button {
    display: none;
}

示例：http://jsfiddle.net/f1quhd2L/8/

Answer 2

还有其他选项可以禁用强制转换按钮，此选项实际上会禁用该按钮而不是隐藏它。

<video disableRemotePlayback src="...">

this answer https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/disableRemotePlayback