1) Я сделал на странице сайта видеоролик в блоке с html5, который проигрывается непрерывно. Заметил что при прокрутке страницы начинаются тормоза из за него. Сделал скрипт который при прокрутке вниз на 750 пикселей, выключает видео методом .style.display="none". Но видео всё равно проигрывается в невидимом режиме. Это я понял по нагрузке на процессор. Решил сделать так - document.getElementById('video-file-1').src = "not.found". Проблема в том что я не знаю как вернуть обратно путь к видео если человек прокрутил страницу вверх выше значения 750px. То есть изначально путь был src="video/video-1.mp4". Я конечно могу прописать этот же путь в скрипте, но тогда будет не очень хорошо, так как на каждой новой странице с другими видео придется писать отдельный скрипт с путями.
Как можно в скрипте вернуть обратный путь не вписывая прямое направление к ролику?
Вот сам скрипт:
document.getElementById("scrollup").style.display = "none";
var lolModul = (function(){
window.addEventListener("load",function(){
document.addEventListener("scroll",scrollPage);
});
function scrollPage(){
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
if(scrolled>=750){
document.getElementById("scrollup").style.display="block";
document.getElementById("video-bg-zone").style.display="none";
document.getElementById('video-file-1').src = "not.found/404"