title: Vimeo embed CSS: override default text styles?
body: <p>I'm embedding a Vimeo video with a particularly long title on a responsive site, and I'm wondering if it's at all possible to override the Vimeo player's CSS with my own to control font-size, most importantly. The player embed options on Vimeo do not seem to allow for these sorts of adjustments. Using Firebug to inspect the actual embed code, I tried using variants of the following CSS to override the default player font style within a media query, but to no avail:</p>
  
  <pre><code>iframe #player .controls-wrapper .title h1 {
      font-size: 12px !important;
  }
  </code></pre>
  
  <p>I'm assuming I'm unable to override the CSS because the embedded iframe's stylesheet must take precedence (?) I'm frankly surprised that the text-size doesn't seem to be responsive by default. Any ideas for a solution are much appreciated.</p>