Wondering why you see Chrome Cast icons on your HTML5 videos on your website?

Sure, I hate it too. When I use video tag in my website, if I open it from my chrome on my mobile phone, I see Chrome Cast icons on each videos that I have. How to disable such icons?

It is easy. Just add this css code to your page’s stylesheet:

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

After testing this css code on my phone, I no longer see such icons again. Nice! Thanks, internet…


Leave a Reply

Your email address will not be published. Required fields are marked *