Exclude this script to specific DIV with grabbing css or id? about fluidvids HOT 2 CLOSED

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.

from fluidvids.

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>

from fluidvids.