Android > html5 视频位置上的 Chrome Chromecast 图标答案

【问题标题】：Android > Chrome Chromecast icon over html5 video positionAndroid > html5 视频位置上的 Chrome Chromecast 图标
【发布时间】：2015-03-25 01:05:54
【问题描述】：

如果周围有 Chromecast 并且：

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

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

我想禁用原生控件，但也包括我自己的投射按钮，就像 video.js-chromecast 所做的那样，但原生按钮仍然显示。

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

【问题讨论】：

这里是使用的示例页面jsfiddle.net/bentael/f1quhd2L/5，我最后也抱怨 Chrome 团队 code.google.com/p/chromium/issues/detail?id=459083

标签： html icons chromecast

【解决方案1】：

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

<video disableRemotePlayback src="...">

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

【讨论】：

使用反应：disableremoteplayback="true"

【解决方案2】：

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

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

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

【讨论】：

看起来 -internal-media-controls-overlay-cast-button 正在被 chromestatus.com/features/5714245488476160 弃用 disableRemotePlayback 属性。