Hey, I need to style the video player with css ¿How can I target it with a css selector?

Easy, every Youtube video player is wrapped by a div or p tag with the class youtube_sc.

Check it out with Firebug or Webkit’s web inspector.

p tags are only used when the shortcode is inserted in a post/page wysiwyg text editor.

From version 1.8 onwards you can also target the video player through custom CSS classes you may add via the class parameter.

Bfff, the High Definition parameter hd=1 has no effect, my videos are still playing by default at a lower resolution!!

You’re right, if you’re using the iframe code or the AS3 old embed code, hd=1 parameter (720p by default) has no effect if the size of the embedded video player is smaller than 745 pixels in height.

Why is this?

With the new embed method (iframe) or the AS3 old embed code (object – Flash only), Youtube estimates the “best” video quality according to the size (dimensions) of the embedded video player. This means you need to set a height of 505px to play a video at 480p by default or a height of 745px to play it at 720p by default (when video starts playing).

The rule to calculate the height is: 25px higher than the desired video resolution/quality. So, for example, to ensure your video will play by default at a resolution of 360p, the player height should be 360+25 = 385px.

In Youtube’s website hd=1 works as expected no matter the video player size…but that only works at http://www.youtube.com

There are though 2 ways of forcing HD playback by default:

1. Using the iframe API (Javascript). Right now, it is still under development and should not be used in production.
2. Using the old AS2 (Flash only) mode. Version 1.8.1 adds support for AS2 mode so check how to force HD playback.

When the iframe API is released, I’ll add that feature to the plugin, but right now, the only way to force HD playback by default is through the AS2 mode.

WTF, I’ve installed this plugin and the WYSIWYG editor toolbar is missing or corrupt!!

Almost all of these problems are caused by the browser’s cache, or network cache.

Clear your browser’s cache, quit the browser, then start it and try again. If the problem persists, try reloading the page while holding down Ctrl (in IE) or Shift (in Firefox) to make the browser reload the page from the server.

This can also be caused by a network cache somewhere between you and your web host. Just wait for a few hours for it to expire.

If clearing the browser’s cache does not solve the problem, then deactivate and activate the plugin again.