WordPress.org

Forums

WP YouTube Lyte
[resolved] Rotation bug on iPhone/iPad (19 posts)

  1. Kevinlikes
    Member
    Posted 1 year ago #

    Love your plugin and very impressed with the difference in load speeds.

    Am busy building a responsive site at http://saf3.wpengine.com/. I've noticed that the YouTube video resizes fine for iPad and iPhone, until I rotate from landscape to portrait view or vice versa, in which case it either cuts off the video or fills the space around it with grey. Once i refresh in the new view, it loads fine again. Assume this is because your plugin lazy loads the still, but then keeps that size while it rotates. Is there a simple fix on this, as I otherwise need to go back to normal YouTube embedding, or find a different YouTube lazy loading plugin?

    Look forward to hearing from you. Thanks. Incidentally, the site is running on Genesis Dynamik.

    Kevin

    http://wordpress.org/plugins/wp-youtube-lyte/

  2. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Kevin; I can confirm the bug on Android with FF.

    The problem; when on iOS or Android I don't load a still, instead showing the non-lazy-load YouTube player to avoid the bug where a user has to click play twice to see the vid.

    What you actually see is the grey background (as set in lyte's CSS) being responsive, but the iframe inside it not (which is weird, considering the fact that vid is fully responsive on the desktop, both before and during playback).

    I'll look into this some more tomorrow, but as you can guess I can't guarantee I'll be able to fix this (except if I made some silly error in the CSS).

  3. Kevinlikes
    Member
    Posted 1 year ago #

    Thanks for looking into it. Would be sad to stop using YouTube Lyte, so hope you find a simple fix.

  4. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    CSS indeed, hope to have a fix ... soon ;-)

  5. Kevinlikes
    Member
    Posted 1 year ago #

    You. Are. My. Hero. Such great news. Thanks.

  6. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    OK, this took longer then expected ... The fix is not in the CSS but in the JS (boring details can be provided upon request).

    Can you overwrite your lyte-min.js with this one and see if that solves this bug for you?

  7. Kevinlikes
    Member
    Posted 1 year ago #

    Thanks for persevering. This fixes the bug on the iPad, but not the iPhone. Let me know if there's anything else you can try.

  8. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    hmmm, weird. what iOS versions are you running on your iPad vs iPhone?

  9. Kevinlikes
    Member
    Posted 1 year ago #

    Agreed. iOS 7.0.3 on iPhone 4 & on iPad.

  10. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    Both on same version, same browser (the default safari)? Would it be at all possible that you're seeing a cached version of lyte-min.js on the iPhone?

    I'm stumped, really, there's nothing specific for iPad or iPhone in the updated code. So the quest continues ...

  11. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Kevin; just tested on the iPhone of a colleague of mine, the redraw seemed to work fine there (although data network quality did gnerate some lag)?

  12. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    Morning Kevin; I just pushed out a test version of WP YouTube Lyte 1.3.3, would be great if you could download & test this :-)

  13. Kevinlikes
    Member
    Posted 1 year ago #

    Works perfectly on both iPhone and Ipad. Thanks so much for the fix.

  14. Kevinlikes
    Member
    Posted 1 year ago #

    Great plugin, with great support. Have marked this as fixed.

  15. skyfield
    Member
    Posted 1 year ago #

    Thanks for creating a wonderful plugin.
    I am currently using the version 1.3.3, and everything works except rotation issue on iPhone/iPad. When iPhone/iPad (both iOS 7.0.4) is rotated while playing a YouTube video, video stops playing.

    I tried "lyte-min.js" and "a test version of WP YouTube Lyte 1.3.3” mentioned above, but neither of them solved the issue.

    If you know any other solution, please let me know.
    Thank you.

  16. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    Thanks for reporting skyfield, this indeed is a known issue for which I hope to be able to push a (test of a) new version out towards the end of the month. I'll report back here as soon as it's available.

  17. skyfield
    Member
    Posted 1 year ago #

    Thanks for your reply.
    I look forward to a (test of a) new version.

  18. Frank Goossens
    Member
    Plugin Author

    Posted 1 year ago #

    I've just pushed a test-version to wordpress plugin's svn, you can download it at http://downloads.wordpress.org/plugin/wp-youtube-lyte.zip to test. Looking forward to your feedback!

    frank

  19. skyfield
    Member
    Posted 1 year ago #

    I tried version 1.4.1.
    The video rotation works perfectly on both iPhone and iPad (iOS 7.0.4)

    Thank you very much for the update.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP YouTube Lyte
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic