use video:after for gradient overlap (instead of a separate div). Also take advantage of CSS radio scheme to add correct height to this div, so that the javascript does not need to wait for the video to load to deterine skrollr settings.