search

pupunzi / jquery.mb.YTPlayer

use a custom yutube player for a video as background on jQuery framework
https://pupunzi.com/mb.components/mb.YTPlayer/demo/demo.html
1.34k stars 427 forks source link

jquery.mb.YTPlayer Firefox not respecting the quality option. #32

Closed kahuna76 closed 10 years ago

kahuna76 commented 10 years ago

Hi there, I have a youtube video embedded with the plugin and have specified 'hd720' as quality. It plays all sharp and HQ on Chrome, Safari, IE but firefox has it all blurry. Seems to ignore the setting.

Any ideas ?

K

kahuna76 commented 10 years ago

Here's a very minimal example - check out how much more blurry this is on Firefox than Chrome/Safari (both tested on mac)

http://www.muzeek.com/demo-video.html

heytomsmith commented 10 years ago

I am having this exact issue. Is there a fix that you can share since the issue is closed?

kahuna76 commented 10 years ago

nope - dunno why the issue is closed either - its not fixed

On Sun, Nov 9, 2014 at 4:11 PM, Tom Smith notifications@github.com wrote:

I am having this exact issue. Is there a fix that you can share since the issue is closed?

— Reply to this email directly or view it on GitHub https://github.com/pupunzi/jquery.mb.YTPlayer/issues/32#issuecomment-62291824 .

heytomsmith commented 10 years ago

Bummer. I have to launch in a few days and I'm not sure if I can stomach having so many viewers see the video in 360.

kahuna76 commented 10 years ago

I am sure it would be something simple somewhere in the plugin as the video plays fine on standalone ... Let me know if you manage to fix this

On Sun, Nov 9, 2014 at 4:15 PM, Tom Smith notifications@github.com wrote:

Bummer. I have to launch in a few days and I'm not sure if I can stomach having so many viewers see the video in 360.

— Reply to this email directly or view it on GitHub https://github.com/pupunzi/jquery.mb.YTPlayer/issues/32#issuecomment-62291908 .

pupunzi commented 10 years ago

Try setting the quality option to "default"; the YT API "quality" paramiter is just a suggestion; Youtube serves the video adapting the quality to the bandwith and the size of the player. Setting it to "default" lets Youtube serve the video at the best quality available according to the condition above (bandwith / size).

https://developers.google.com/youtube/js_api_reference

Anyway if you check for available quality ($("#bgndVideo").get(0).player.getAvailableQualityLevels()) on the firefox console the result is: Array [ "medium", "auto" ]

While on Chrome is: ["hd1080", "hd720", "large", "medium", "small", "tiny", "auto"]

So the problem is that Youtube is not serving the "hd720" on firefox at all. Here is a post with the answer: http://www.ghacks.net/2013/10/27/youtube-videos-firefox-1080p/

The problem is that Firefox does't support the Media Source Extensions used by YT to serve HTML5 videos; probably in the next future they will; if you type "about:config" in the FF address bar and you search for "media.mediasource.enabled" the property is actually set to "false" by default. Doubleclick it to set it at "true" and reload your page, you'll see that the video plays correctly.

Till FF does't activate this by default there's no chance to play HR videos on it.

heytomsmith commented 10 years ago

@pupunzi Thanks very much for the detailed response. I'll have to write a letter to Mozilla ;)