vvvmax / unitegallery

Unite Gallery - Responsive jQuery Image and Video Gallery Plugin. Aim to be the best gallery on the web on it's kind. See demo here:
http://unitegallery.net
MIT License
530 stars 158 forks source link

Big Image resolution (Youtube) poor on mobile devices #42

Open sukiec opened 8 years ago

sukiec commented 8 years ago

The resolution of the big images (for Youtube) is very poor on mobile devices - not the default image, but the other big images per playlist menu. Is the High Quality version of the "thumbnail" image (which is automatically generated by Youtube) not being used by mobile devices?

Using video skin with right side title only with autoplay false.

vvvmax commented 8 years ago

HI, I don't understand what you mean. Could you please give me example on your website? I can do option to choose youtube image type if needed. Also, you can give your image url if you need.

On Tue, Nov 10, 2015 at 8:57 PM, sukiec notifications@github.com wrote:

The resolution of the big images (for Youtube) is very poor on mobile devices - not the default image, but the other big images per playlist menu. Is the High Quality version of the "thumbnail" image (which is automatically generated by Youtube) not being used by mobile devices?

Using video skin with right side title only with autoplay false.

— Reply to this email directly or view it on GitHub https://github.com/vvvmax/unitegallery/issues/42.

sukiec commented 8 years ago

Thank you for your quick response! You've done a great job with coding this plug-in and I'm really hoping to be able to incorporate it! I work for the online-learning department of a business college, so i'm unable to share a link to content. I'm including two screen shots to better explain the issue I'm having. I would prefer to use my own custom thumbnail image if possible, but each of my attempts at coding it this way have been "overwritten" by the dynamically generated thumbnail url code. Please let me know if there are any other ways I can better help you understand the issue i'm having. Thank you very much for your help!

image

image

vvvmax commented 8 years ago

Oh. I see. But, the image is ger Nerated and brought by youtube itself. I just switch videos with youtube api. The image is not coming from gallery options. So if you see somewhere in yourube api first inage type tell me. I dont know about this function.

On Wednesday, November 11, 2015, sukiec notifications@github.com wrote:

Thank you for your quick response! You've done a great job with coding this plug-in and I'm really hoping to be able to incorporate it! I work for the online-learning department of a business college, so i'm unable to share a link to content. I'm including two screen shots to better explain the issue I'm having. I would prefer to use my own custom thumbnail image if possible, but each of my attempts at coding it this way have been "overwritten" by the dynamically generated thumbnail url code. Please let me know if there are any other ways I can better help you understand the issue i'm having. Thank you very much for your help!

[image: image] https://cloud.githubusercontent.com/assets/15788515/11095836/e8ba011e-8864-11e5-8c4d-9a7d45ddfae7.png

[image: image] https://cloud.githubusercontent.com/assets/15788515/11095870/09d0a68c-8865-11e5-8bba-057f032b134d.png

— Reply to this email directly or view it on GitHub https://github.com/vvvmax/unitegallery/issues/42#issuecomment-155831014.

sukiec commented 8 years ago

so strange... the YouTube API exhibits different "behavior" in mobile as opposed to desktop. (EDIT: this is because for mobile devices it uses the HTML5 API for YouTube videos) i'm using chrome developer tools to view the image file names: with the device mode toggled to Mobile (iPad and iPhone), the YouTube HTML5 API displays the correct "hqdefault.jpg" thumbnail version for the default page-load view and then for the successive videos that are played, the YouTube HTML5 API displays the "default.jpg" thumbnails - which are not the high quality version and thus blurry. in your plug-in code can we "force" the player to display the "hqdefault.jpg" thumbnail for ALL of the videos? Thanks again for your help!

vvvmax commented 8 years ago

HI, The only thing I could do is pass "large" resolution suggestion to youtube API instead of "default". Please try this version:

https://www.dropbox.com/s/d99o7zox1c3w7so/unitegallery_video.zip?dl=0

replace the js files to the new one.

if(isAutoplay && isAutoplay == true) g_player.loadVideoById(videoID, 0, "large"); else g_player.cueVideoById(videoID, 0, "large");

I wrote "large", was "default" before.

On Wed, Nov 11, 2015 at 7:05 PM, sukiec notifications@github.com wrote:

so strange... the YouTube API exhibits different "behavior" in mobile as opposed to desktop. i'm using chrome developer tools to view the image file names: with the device mode toggled to Mobile (iPad and iPhone), the YouTube API displays the correct "hqdefault.jpg" thumbnail version for the default page-load view and then for the successive videos that are played, the YouTube API displays the "default.jpg" thumbnails - which are not the high quality version and thus blurry. in your plug-in code can we "force" the player to display the "hqdefault.jpg" thumbnail for ALL of the videos? Thanks again for your help!

— Reply to this email directly or view it on GitHub https://github.com/vvvmax/unitegallery/issues/42#issuecomment-155847837.

sukiec commented 8 years ago

Thank you so much for your quick response and proposed fix. Further investigation shows that this is indeed a bug in the HTML5 YouTube iFrame API and has already been reported to Google with no current resolution. I found these links to be helpful:

http://stackoverflow.com/questions/27072718/how-to-force-high-quality-thumbnails-for-youtube-player-api-iframe-embeds

https://code.google.com/p/gdata-issues/issues/detail?can=2&start=0&num=100&q=&colspec=API%20ID%20Type%20Status%20Priority%20Stars%20Summary&groupby=&sort=&id=6779

I will continue to use your player, though, because it is awesome!

vvvmax commented 8 years ago

Thanks, good luck!

On Thu, Nov 12, 2015 at 8:05 PM, sukiec notifications@github.com wrote:

Thank you so much for your quick response and proposed fix. Further investigation shows that this is indeed a bug in the HTML5 YouTube iFrame API and has already been reported to Google with no current resolution. I found these links to be helpful:

http://stackoverflow.com/questions/27072718/how-to-force-high-quality-thumbnails-for-youtube-player-api-iframe-embeds

https://code.google.com/p/gdata-issues/issues/detail?can=2&start=0&num=100&q=&colspec=API%20ID%20Type%20Status%20Priority%20Stars%20Summary&groupby=&sort=&id=6779

I will continue to use your player, though, because it is awesome!

— Reply to this email directly or view it on GitHub https://github.com/vvvmax/unitegallery/issues/42#issuecomment-156185991.