WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Kevinlikes
    Member
    Posted 5 months 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. futtta
    Member
    Plugin Author

    Posted 5 months 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 5 months ago #

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

  4. futtta
    Member
    Plugin Author

    Posted 5 months ago #

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

  5. Kevinlikes
    Member
    Posted 5 months ago #

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

  6. futtta
    Member
    Plugin Author

    Posted 5 months 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 5 months 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. futtta
    Member
    Plugin Author

    Posted 5 months ago #

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

  9. Kevinlikes
    Member
    Posted 5 months ago #

    Agreed. iOS 7.0.3 on iPhone 4 & on iPad.

  10. futtta
    Member
    Plugin Author

    Posted 5 months 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. futtta
    Member
    Plugin Author

    Posted 5 months 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. futtta
    Member
    Plugin Author

    Posted 5 months 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 5 months ago #

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

  14. Kevinlikes
    Member
    Posted 5 months ago #

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

  15. skyfield
    Member
    Posted 3 months 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. futtta
    Member
    Plugin Author

    Posted 3 months 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 3 months ago #

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

  18. futtta
    Member
    Plugin Author

    Posted 2 months 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 month 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.

Reply

You must log in to post.

About this Plugin

About this Topic