Exclude this script to specific DIV with grabbing css or id?

[Uranbold]

Hello,

Thanks for your awesome script but there has an one issue here. Any chance to exclude some div and disabling this script specific area?

Thanks again.

[Uranbold]

Issue: I really need to exlude some areas.

We have selector: iframe. And we are including whole pages for example: selector: #main iframe.

But i really need to exclude this script on specific classes. Example:

selector: #main iframe,
exclude: .skip-video-fluid,

That's it and i really love if you help me. Thanks.

[toddmotto]

There are two ways to do this, fluidvids (latest version 2.2.0) will add a data-fluidvids attribute (see here) for loaded videos that have been made fluid. Upon requerying fluidvids using fluidvids.apply();, it then re-runs portions of the script to make dynamically created/ajax videos fluid - whilst ignoring ones that have already been rendered.

Option 1: Add the data attribute initially:

<iframe src="//player.vimeo.com/video1" data-fluidvids="loaded"></iframe>

Option 2: Make use of the custom selector better by only applying to vids you need:

<iframe src="//player.vimeo.com/video1" class="makeFluid"></iframe>

<script>
fluidvids.init({
  selector: '.makeFluid',
  players: ['www.youtube.com', 'player.vimeo.com']
});
</script>