WordPress.org

Ready to get started?Download WordPress

Forums

WP YouTube Lyte
[resolved] thumbnail in screen + infinite scroll = scroll reset (9 posts)

  1. thefunkybassist
    Member
    Posted 6 months ago #

    I have installed Infinite Scroll as well as Youtube Lyte on my WordPress site. Works great, also with the pagination of I.S. and on mobile as well. There is one problem on mobile though: as soon as a youtube thumbnail enters the screen, the scrolling goes kind of haywire. I couldn't find any scrolling commands or anchor links or something like that in the Lyte scripts, so I don't know what about loading the thumbnail/video interferes with the scrolling? What is causing this?

    This is the page:
    http://www.christwayoflife.nl

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

  2. Frank Goossens
    Member
    Plugin Author

    Posted 6 months ago #

    There's a test-version of 1.4.0 available which might solve this. If you'd like to test, you can download it from http://downloads.wordpress.org/plugin/wp-youtube-lyte.zip

  3. thefunkybassist
    Member
    Posted 5 months ago #

    Thanks, I've installed it, unfortunately it does not seem to solve the issue completely.

  4. Frank Goossens
    Member
    Plugin Author

    Posted 5 months ago #

    Hmmm ... is there a difference between 1.3.3 and 1.4.0 in this respect?

  5. thefunkybassist
    Member
    Posted 5 months ago #

    Yes the scrolling jumps seem to be occurring less often, although it might also be because there is more other content on the page now.

  6. thefunkybassist
    Member
    Posted 5 months ago #

    Ah! The problem only occurs if there is a touch event on the player now, when I swipe down over it to scroll, the page resets.

  7. Frank Goossens
    Member
    Plugin Author

    Posted 5 months ago #

    Well, we're touching upon a sore point there; the normal desktop-approach does not work on mobile, as youtube cannot autoplay in mobile browsers (so you'd have to press play twice, which is unacceptable).

    There are 2 solutions to doing WP YouTube Lyte on mobile that do work:

    1. the current solution: embedding the full youtube player (i.e. not a lyte one) which can play inline (if the platform supports that), but that is sub-optimal performance-wise and -as you saw- it adds touch-events to your page (the orientationChange issue has been solved more gracefully in 1.4.0).
    2. the alternative: embedding the lyte player, but call on the OS to decide how to play the video (so usually not inline, but using the external youtube app)

    I'm leaning towards switching to the 2nd solution which would be better performance-wise and would solve your touch-issues, but from a user-experience point of view might not be ideal.

    So what's your point of view? :-)

  8. thefunkybassist
    Member
    Posted 5 months ago #

    The 2nd alternative sounds plausible to me, the inline video is actually smaller than the full screen option of the builtin apps, so I think it might be a good reason to use the latter.

    Is it not possible to intercept the touch events with an extra jquery event handler function, which makes a distinction between a scroll and a tap event on the embedded player?

  9. Frank Goossens
    Member
    Plugin Author

    Posted 5 months ago #

    regarding interception of touch events; wp youtube lyte does not use jquery (it is self-contained) and as the embedded video is an iframe, javascript on the site cannot interact with the embedded video itself.

Reply

You must log in to post.

About this Plugin

About this Topic