Какие-то вариации на тему jquery-in-parts мне еще хоть как-то понятны.
frame.contentWindow.document.body.scrollHeight но и это не заработало по причине Same-origin policy (загляните в консоль после нажатия кнопки).validation(value) {
return {
tel: (/^[0-9]+$/).test(this.value) || !this.value.length,
page: (/^[a-z0-9]+$/i).test(this.value) && this.value.length > 5,
name: (/^[a-zа-яA-ZА-Я0-9 ]+$/i).test(this.value) && this.value.length > 3
}
}jQuery предоставляет функционал более чем достаточный для разработки проектов у которых сложность ниже уровня веб-приложений: блоги, лендинги и сайты других типов
var link1 = document.querySelector(".js-open-video1");
var popup1 = document.querySelector(".theory-video");
link1.addEventListener("click", function(event) {
event.preventDefault();
popup1.classList.add("modal-content-show");
popupback.classList.add("modal-content-show");
$('iframe').attr('src', url);
});
var close = popup1.querySelector(".close-video");
close.addEventListener("click", function(event) {
event.preventDefault();
popup1.classList.remove("modal-content-show");
popupback.classList.remove("modal-content-show");
$('iframe').attr('src', '');
});
var link2 = document.querySelector(".js-open-video2");
var popup2 = document.querySelector(".theory-video");
link2.addEventListener("click", function(event) {
event.preventDefault();
popup2.classList.add("modal-content-show");
popupback.classList.add("modal-content-show");
$('iframe').attr('src', url);
});
var close = popup2.querySelector(".close-video");
close.addEventListener("click", function(event) {
event.preventDefault();
popup2.classList.remove("modal-content-show");
popupback.classList.remove("modal-content-show");
$('iframe').attr('src', '');
});
var link3 = document.querySelector(".js-open-video3");
var popup3 = document.querySelector(".theory-video");
link3.addEventListener("click", function(event) {
event.preventDefault();
popup3.classList.add("modal-content-show");
popupback.classList.add("modal-content-show");
$('iframe').attr('src', url);
});
var close = popup3.querySelector(".close-video");
close.addEventListener("click", function(event) {
event.preventDefault();
popup3.classList.remove("modal-content-show");
popupback.classList.remove("modal-content-show");
$('iframe').attr('src', '');
});<div class="theory-video modal-video">
<button class="close-video" type="button" title="Закрыть">
Закрыть
</button>
<iframe width="560" height="315" src="https://www.youtube.com/embed/stPuOb-i_nU" frameborder="0" allowfullscreen></iframe>
</div>