title: Replace Play Button
body: <p>I'm currently learning HTML and CSS, and was curious how the classes work. So I made an page in HTML with a Youtube embedded video in it. Then using CSS I set this</p>
  
  <pre><code>.ytp-large-play-button-bg {
      background:url("bigplay.png");
  }
  </code></pre>
  
  <p>This was supposed to change the play button with the image stored locally named bigplay.png</p>
  
  <p>But it remained the the same play button. Can someone say what am I doing wrong here?</p>