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;
}
还有另一个选项可以禁用投射按钮,这个选项实际上是禁用按钮而不是隐藏它。
<video disableRemotePlayback src="...">
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/disableRemotePlayback
https://developers.google.com/web/updates/2015/11/presentation-api
如果周围有 Chromecast 并且:
如果启用 html5 视频控件,投射按钮会显示在控制栏中。
如果 html5 视频控件被禁用,投射按钮会显示在左上角。
我想禁用本机控件,但也想包括我自己的施法按钮,有点像 video.js-chromecast 所做的,但本机按钮仍然显示。
是否可以重新定位 html5 视频上的 Cast 图标?还是完全隐藏它?
查了Chromium源码后,我想出了办法:
video::-internal-media-controls-overlay-cast-button {
display: none;
}
还有另一个选项可以禁用投射按钮,这个选项实际上是禁用按钮而不是隐藏它。
<video disableRemotePlayback src="...">
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/disableRemotePlayback https://developers.google.com/web/updates/2015/11/presentation-api