title: Youtube Embed and CSS Animation Results in Dropped Frames
body: <p>I'm having an issue with pages of my site I'd like to embed YouTube videos into. After initially adding in the embeds, I noticed that they played at reduced FPS. At first I suspected YouTube's video conversion process was to blame, but the same videos seemed to play at full framerate when viewed directly on the YouTube site. In Firefox the embedded 30 FPS video would play ~20 FPS, and in Chrome only ~10 FPS, IE seems unaffected but it's also not rendering most of the CSS animations (oddly it also seems to render the 30 FPS video at 60 FPS, not clear where the extra frames come from).</p>
  
  <p>Post some further poking I realized the effect was related to the use of CSS animations. If I disable the CSS animations on the page, videos play normally, but with them enabled I get the significantly reduced framerates. I'm guessing it's related to browsers keeping rendering on limited threads (although, though I thought Chrome handled that differently, it seemed to be the most effected).</p>
  
  <p>Does anyone have suggestions related to this, or am I stuck picking between CSS animations and video embeds?</p>