问题
If there is a Chromecast around and:
If the html5 video controls are enabled, the cast buttons shows up in the control bar.
If the html5 video controls are disabled, the cast button shows up on the top left.
I'd like to disable the native controls, but also include my own cast button, kind of what video.js-chromecast does, but the native button still shows up.
Is there anyway to reposition the Cast icon over the html5 video? or completely hide it ?
回答1:
After searching the Chromium source code, I figured out how to do it:
video::-internal-media-controls-overlay-cast-button {
display: none;
}
Example: http://jsfiddle.net/f1quhd2L/8/
回答2:
There is another options to disable casting button, this option actually disables the button instead of hiding it.
<video disableRemotePlayback src="...">
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/disableRemotePlayback https://developers.google.com/web/updates/2015/11/presentation-api
来源：https://stackoverflow.com/questions/28153166/android-chrome-chromecast-icon-over-html5-video-position