Support » Plugin: WP YouTube Lyte » thumbnail in screen infinite scroll = scroll reset

  • Resolved thefunkybassist

    (@thefunkybassist)


    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/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Frank Goossens

    (@futtta)

    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

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

    Plugin Author Frank Goossens

    (@futtta)

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

    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.

    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.

    Plugin Author Frank Goossens

    (@futtta)

    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? 🙂

    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?

    Plugin Author Frank Goossens

    (@futtta)

    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘thumbnail in screen infinite scroll = scroll reset’ is closed to new replies.