Так не грузите контент, пока Ваш скрипт не даст добро. Иначе никак. Думаю, что придется грузить основной шаблон без контента, ждать добра от скрипта и аяксить остальное.
Как-то сложно и не сеошно, но всё зависит от Вас.
<!-- Видео без контролов -->
<video>
<source src="URL" id="myVideo">
</video>
<script>
var vid = document.getElementById("myVideo");
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
event.PreventDefault();
}
</script>
Похоже что использованы несколько вертикальный каруселей, аля bxslider.com/examples/multiple-slideshows
Конечно, готового решения Вы врятли найдете, очевидно, что тут не обошлось без самописной увязки этих каруселей на одну пару кнопок вверх/вниз.
Скорее всего это просто PNG изображение с прозрачностью. Такой вариант наиболее совместим со всеми браузерами. А внутри onClick="$('body').scrollTo('#target');" который скролит до нужного элемента.