Android > Chrome Chromecast icon over html5 video position

Question

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 ?

Answer 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/

Answer 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