All geek questions in one place

Android> Chromecast Chrome icon over html5 video

If there is a Chromecast and

If html5 controls are enabled, the throw buttons appear on the control panel.

If html5 controls are disabled, the throw button is displayed in the upper left.

enter image description here

I would like to disable my own controls, but also enable my own throw button, something like video.js-chromecast , but the button on the button is configured .

Is there a way to move the Cast icon on top of the html5 video? or completely hide it?

+6
source share
2 answers

After searching for the Chromium source code, I figured out how to do this:

video::-internal-media-controls-overlay-cast-button { display: none; }

Example: http://jsfiddle.net/f1quhd2L/8/

+6
source

There is another option to disable the cast button, this parameter actually disables the button, and does not hide 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

+3
source

Source: https://habr.com/ru/post/981553/

More articles:


All Articles