如何从Android浏览器的HTML5视频控件中删除“投射”按钮？

Question

我正在构建一个视频播放器，该视频播放器在桌面浏览器上具有自定义控件（播放，暂停，静音，搜索等）。但是在移动设备上，移动操作系统（Android，iOS）显示其本机控件。 wifi网络上有可用的投射设备时，Android Chrome浏览器还会在本机控件中显示Chromecast按钮。点击它，我收到Unable to cast video due to site restrictions吐司错误消息。我找不到关于“网站限制”的任何有用资源，因为我们没有做任何限制从移动浏览器进行投射的操作。

关于可能导致此特定错误的任何指针？并且有一种方法可以强制我们在解决此错误之前不在本机控件中显示此投射按钮？

Answer 1

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



    video::-internal-media-controls-overlay-cast-button {
        display: none;
    }
<video src="https://www.w3schools.com/html/mov_bbb.mp4" autoPlay muted loop playsInline></video>