CODEWITHSUNDEEP
htmliconschromecast
bentael
bentael

Reputation: 2035

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 ?

Upvotes: 18

Views: 17320

Answers (2)

Tushar Vaghela
Tushar Vaghela

Reputation: 1243

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

Upvotes: 35

Adam Taylor
Adam Taylor

Reputation: 4839

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/

Upvotes: 24

Related Questions