Parallax effect with esteroids, cross browser and responsive. Oh, it works with all content types: background images, videos, text, images, slick slider and more - https://tomsarduy.github.io/parallux/
I was trying to incorporate this on an element that falls just below a fixed header. I ended up adding an element that is the same height as the header to hold space, and found out that the translate3d that is initially set on parallux-inner is incorrect if the section that you wish to parallax is not at the top of the page. You can recreate this in demo3 by adding a div of any height above the top parallax item. It will incorrectly calculate, resulting in the video being pulled up and out of the frame. Any suggestions?