2

I am building a videoplayer which has custom controls (play, pause, mute, seek etc) on desktop browsers. But on mobile devices, mobile OS (Android, iOS) show their native controls. When there is a cast device available on wifi network, Android Chrome browser also shows a Chromecast button in native controls. Upon tapping on it, I get Unable to cast video due to site restrictions toast error message. I could not find any useful resource about what could be the "site restriction" as we are not doing anything to restrict casting from mobile browsers.

Any pointers about what could be causing this particular error? and is there a way to force not showing this cast button in native controls till we fix this error?

codneto
  • 2,319
  • 3
  • 24
  • 36
  • [This](http://stackoverflow.com/questions/28153166/android-chrome-chromecast-icon-over-html5-video-position) question may be useful to you. – not_a_bot Oct 09 '15 at 20:30

1 Answers1

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






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


<video src="https://www.w3schools.com/html/mov_bbb.mp4" autoPlay muted loop playsInline></video>
Jomin George Paul
  • 523
  • 6
  • 6