Getting YouTube video to play in HD in Colorbox?

JavaScript
1

We have a drupal website, and using Colorbox to present our popup images and video. We have our product demo videos loaded onto YouTube that were created in HD. I need to force the YouTube video to play in 720 HD in the Colorbox popup window. Currently it is defaulting to 360 and you have to manually select a higher resolution. I have found all kinds of ways to force HD playback, but for other iframes and nothing that works in our Colorbox code.

Here is the code I have:

<p><a href=“http://www.youtube.com/embed/FrLDc2HWALo?rel=0&amp;width=853&amp;height=480&amp;iframe=true” class=“colorbox-load”><img src=“I’ve removed the location of the image for company security issues” alt=“VirtualViewer HTML5 Product Spotlight Video” width=“677” height=“393” /></a></p>

Please help, I would be ever so grateful.

2

Hi there,

Welcome to the forums :slight_smile:

As per this answer on the YouTube support forum, it seems that the iframe embed mechanism is intelligent and only loads the closest resolution according to the size of the iframe.

One workaround suggested here is to try changing the dimensions of the iframe to something like 1280x720 and see if that helps.