Web, solution to change z-index position depending on scroll position

Question

I\'m implementing layout for mobile. Here are pictures how it should show up.

This blurry blue background is video and therefore in (fixed position)