98sfsdf8

I have changed this so an item can always be visible, even when searched and filtered, but it seems a bit weird to me https://codepen.io/jackpallot/pen/PooYqgO. You just need to add a class of "sticky" to the items you want to keep.

I'm not sure what you mean. Do you want the boxes to stay in place when you search, like the effect from the filter buttons?

Is this closer to what you're after https://codepen.io/jackpallot/pen/PooYqgO?
I have adjusted some of the CSS and opacity settings so I could test it a bit easier.

You probably need to recalculate the Isotope layout in your debounce function. Does the layout sort itself out again when you resize the screen?

thanks @@teodora works great!

Hi, here is a jsfiddle for you: https://jsfiddle.net/teodora84/j5crkd4L/
 
I have commented it, hope all makes sense

They have wrote a simple function that detects the window width and height, then sets the video values accordingly. Here is their function, using a combination of vanilla JS and jQuery:
CoubEmbed.prototype.resizePlayer = function() { var height, width; console.log("CoubEmbed", "Resize."); width = $(window).width(); height = $(window).height(); this.viewer.css({ width: width, height: height }); return $('object').attr('width', width).attr('height', height); }; You can do the same with a few lines of JavaScript:
(function() { var width = window.innerWidth, height = window.innerHeight, player = document.getElementById('coubVideo'); player.style.width = width + 'px'; player.style.height = height + 'px'; }()); I have created an example, here: http://jsfiddle.net/LyndseyB/sbLoxp2w/
 
Hope this helps