• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

YouTube Embedded Players and Player Parameters

AndyB

Well-known member
#1
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:

Code:
<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:

Code:
<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.