Override external CSS from YouTube

Here is the external CSS from YouTube player:
https://s.ytimg.com/yts/cssbin/www-embed-player-webp-vflPkuiel.css

I embed video on my site and I want to override the original CSS with my CSS.

Original is:

.ytp-chrome-controls .ytp-button.ytp-youtube-button 
 {
    width: 51px;
 }

And i want override with this:

.ytp-chrome-controls .ytp-button.ytp-youtube-button 
 {
    width: 0px;
 }

How should the code look like, and where can I put the code to override the original CSS from the external link?

I have WordPress on my site.

Read more here: Override external CSS from YouTube

Leave a Reply

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