YouTube Embedded Players and Player Parameters

[AndyB]

In order to get the best experience for your members when watching YouTube videos on your site, you will want to edit the following:

Admin CP -> Home -> BB Code Media Sites -> YouTube

The default code is:

<iframe width="500" height="300" src="https://www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe>

This is what I use on my forum:

<iframe width="720" height="480" style="border:thin solid #333" src="https://www.youtube.com/embed/{$id}?vq=hd1080&iv_load_policy=3" frameborder="0" allowfullscreen></iframe>

There are four settings that I changed or added:

Changed width and height:
width="720" height="480"

Added a border to the embedded player, this is useful for sites that have a dark style:
style="border:thin solid #333"

Start the player in High Quality mode:
vq=hd1080

Remove annotations:
iv_load_policy=3

Here's a link which shows all the YouTube Embedded Player Parameters:
https://developers.google.com/youtube/player_parameters

Remember the first parameter will be preceded by the ? symbol and the following parameters will be preceded with an & symbol.

 

[Bram]

Can I add this as well? Make your media responsive with this code of @Chris D, works like a charm https://xenforo.com/community/resources/responsive-width-height-media-embeds.2825/