Will this work on specific iFrame videos in slider popups?

  • Resolved johnvk

    (@johnvk)


    6 years, 9 months ago

    We just added a video carousel slider as a sticky widget to our client’s site (Razzball) and we’re looking for a way to lazy load the content that plays from the slider.

    We use Slide Anything Pro for the carousel. There are ten image slides that when clicked open a pop-up window with an iFrame tag for our video player, which is Brid.TV. The problem is that all ten video iframes load every time the page is loaded, which is chewing up a lot of data on our plan. If we could lazy load so that the player would only come up when actually clicked that would be ideal.

    Any idea if this plugin will work for us?

    TIA,
    JVK

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    Hey,

    it should work, I think. Is the slider created via a text widget (seeing a textwidget class in the source)? If so, the markup of the iFrames should be modified automatically. You just would need to enable the iFrame support via the plugin settings.

    Best regards,
    Florian

    Thread Starter johnvk

    (@johnvk)

    Hi Florian, thanks for the reply!

    Not sure exactly what class the slider is; there is a widget on the page but that’s just the container for the carousel so that it’s pinned to the top of the page. The slider uses popup windows that contain iFrames, though we may be switching those to the Brid shortcodes or even javascript; I imagine that would affect the ability of Lazy Loader to work with them?

    How easy is it to have LL ONLY affect iFrames? I don’t want to mess up anything else on the site (other videos and jpegs), just the content in the slider.

    Best,
    JVK

    Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    Hi John,

    if you only need lazy loading for thoses specific iframes, I would suggest to directly use the lazysizes script (https://github.com/aFarkas/lazysizes) without the plugin. You would just need to insert the script and modify the markup of the iFrames, so it looks something like that:

    <noscript>
    <iframe src="//example.com/video.mp4"></iframe>
</noscript>
<iframe class="lazyload" data-src="//example.com/video.mp4"></iframe>

    I think that would be a better solution than using the Lazy Loader plugin for that, because the plugin would parse the content of all posts and pages for images and iFrames, and you do not need that.

    Regards,
    Florian

    Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    I will mark this as resolved for now. If you have further questions/issues regarding that topic and the plugin, just add a comment ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Will this work on specific iFrame videos in slider popups?’ is closed to new replies.