如何从Android浏览器的HTML5视频控件中删除Cast按钮?

时间:2015-10-07 19:21:12

标签: android google-chrome html5-video chromecast android-browser

我正在构建一个视频播放器,它在桌面浏览器上有自定义控件(播放,暂停,静音,搜索等)。但在移动设备上,移动操作系统(Android,iOS)显示其原生控件。如果在wifi网络上有可用的演员设备,Android Chrome浏览器还会在本机控件中显示Chromecast按钮。点击它后,我收到Unable to cast video due to site restrictions toast错误消息。我找不到任何关于什么可能是"网站限制的有用资源"因为我们没有采取任何措施限制来自移动浏览器的投射。

有关可能导致此特定错误的内容的任何指示?有没有办法强制不在本机控件中显示此强制转换按钮,直到我们修复此错误?

1 个答案:

答案 0 :(得分:0)

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>