Does Fancybox2 support HD video embedding?

270 views
Skip to first unread message

Marventus

unread,
May 22, 2012, 1:26:18 PM5/22/12
to fancybox
Hello there. First of all, I wanted to thank you for this great plugin
and for the support that you are offering here.
I was hoping you could help me out with an issue 'm having: I'm trying
to implement Fancybox 2.0.3 on a WP 3.3.1 installation. I can't give
you a link to the site because I'm testing this locally before
implementing it.
Basically, I have created a content filter that turns all video
iframes from this:
<iframe width="100%" height="410" src="http://www.youtube.com/embed/
tLQiMR91ClI?wmode=opaque" frameborder="0" allowfullscreen></iframe>

To this:
<div class="fancy-video-cont">
<a rel="fancybox" class="fancy-link fancy-video fancybox.iframe"
href="http://www.youtube.com/embed/tLQiMR91ClI?
wmode=opaque&amp;fs=1&amp;hd=1&amp;autoplay=1">Fancybox Video</a>
<iframe width="100%" height="410" src="http://www.youtube.com/embed/
tLQiMR91ClI?wmode=opaque" frameborder="0" allowfullscreen>
</iframe>
</div>

That way, when you click in the link "Fancybox Video", the video is
shown inside the Fancybox. That part works great and the video
displays just fine. However, the "hd=1" does not seem to get picked up
since the video does not start playing in HD resolution. However, when
you copy/paste the href attribute of the link in the browser's address
bar, HD works.
Am I doing something wrong or does the plugin not support the display
of embedded videos in HD?

JFK

unread,
May 22, 2012, 9:53:15 PM5/22/12
to fancybox
I did paste your url (Firefox and Chrome)
http://www.youtube.com/embed/tLQiMR91ClI?%20wmode=opaque&amp;fs=1&amp;hd=1&amp;autoplay=1

and the video doesn't start in HD mode: am I missing something?

JFK

unread,
May 22, 2012, 9:55:26 PM5/22/12
to fancybox
maybe because hd is a deprecated parameter only used in the AS2 Player
API
https://developers.google.com/youtube/player_parameters

On May 22, 10:26 am, Marventus <frandeazev...@gmail.com> wrote:

Francisco de Azevedo

unread,
May 22, 2012, 10:29:55 PM5/22/12
to fanc...@googlegroups.com
Thanks for getting back to me. I really appreciate it.
Actually, I was just able to figure it out: I simply made the fancybox container bigger and it worked. I'm getting the "height" and "width" were somehow interfering with HD mode.
As for the parameter being deprecated, you are absolutely right. However, it seems to work fine on Chrome, FF, Safari, and Opera browsers. IE browsers are a no-go, but no surprises there, right?
What I did notice is that the hd parameter sets the video in 720 resolution, even if the video in question is also available in 1080 or 4K.
Do you have any suggestions to force embedded videos to display in their highest available resolution? I was looking through the Youtube JS API and Parameters earlier and couldn't find any solutions.
Thanks in advance for your help!

Marventus


--
You received this message because you are subscribed to the Google Groups "fancybox" group.
To post to this group, send email to fanc...@googlegroups.com.
To unsubscribe from this group, send email to fancybox+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/fancybox?hl=en.


JFK

unread,
May 23, 2012, 8:17:36 PM5/23/12
to fancybox
no idea, sorry
I guess a youtube forum would be the proper place to look for the
answer

On May 22, 7:29 pm, Francisco de Azevedo <frandeazev...@gmail.com>
wrote:

Francisco de Azevedo

unread,
May 23, 2012, 9:15:11 PM5/23/12
to fanc...@googlegroups.com
Don't worry about it: I'll try to figure it out. 720 is good enough anyway, worst case scenario.

Thanks for getting back to me.
Cheers!

Marventus
Reply all
Reply to author
Forward
0 new messages