Android > Chrome Chrome将图标投射到 html5 视频位置

Android > Chrome Chromecast icon over html5 video position

如果周围有 Chromecast 并且:

如果启用 html5 视频控件,投射按钮会显示在控制栏中。

如果 html5 视频控件被禁用,投射按钮会显示在左上角。

我想禁用本机控件,但也想包括我自己的施法按钮,有点像 video.js-chromecast 所做的,但本机按钮仍然显示。

是否可以重新定位 html5 视频上的 Cast 图标?还是完全隐藏它?

查了Chromium源码后,我想出了办法:

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

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

还有另一个选项可以禁用投射按钮,这个选项实际上是禁用按钮而不是隐藏它。

<video disableRemotePlayback src="...">

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/disableRemotePlayback https://developers.google.com/web/updates/2015/11/presentation-api