Search code examples
jqueryyoutubefancyboxresolution

fancy box youtube only 360p resolution is available


I'm getting my YouTube videos coming through just fine in FancyBox except that they will only allow 360p when all of the them are 1080p capable. Can't really use it that way, as with 360p it's pretty much unwatchable. I pulled the JS links to all the source directly so they are pretty much standard setups as in the demo. Any ideas?


Solution

  • I don't know what you may be doing (because you are not posting any code), however fancybox is completely capable to show HD youtube videos.

    You should be opening the video using the embed mode so your html should look (at least) like this :

    <a class="fancybox fancybox.iframe" href="http://www.youtube.com/embed/opj24KnzrWo?autoplay=1">Open youtube and select HD from options</a>
    

    ... and this works with a standard fancybox (v2.x) code

    $(".fancybox").fancybox();
    

    Notice that we are setting the type of content to iframe using the special class fancybox.iframe along with the normal class of our selector. Also notice that the video WON'T start in HD, that's the normal behavior, however you can change the resolution selecting the youtube settings icon

    enter image description here

    See JSFIDDLE