Search code examples
htmliconschromecast

Android > Chrome Chromecast icon over html5 video position

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.

enter image description here

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 ?

Solution

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