@cloudcannon/suite/src/js/features.js

A suite of gulp tools to manage static sites on CloudCannon

var videoClick = function(el) {
	el.preventDefault();
	document.body.insertAdjacentHTML('beforeend', '<div class="overlay" id="overlay"><div class="video-container"><div class="video-embed"><iframe src="https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&amp;autoplay=1&amp;showinfo=0" frameborder="0" allowfullscreen="" width="1280" height="720"></iframe></div></div></div>');

	document.body.classList.add("no-scroll");
	console.log('no-scroll');
	document.getElementById('overlay').addEventListener('click', function(el) {
		el.preventDefault();
		this.parentNode.removeChild(this);
		document.body.classList.remove("no-scroll");
	});
};

var videoLinks = document.querySelectorAll(".video-link");

for (i = 0; i < videoLinks.length; i++) {
	videoLinks[i].addEventListener('click', videoClick);
}

window.onkeyup = function (event) {
	var $overlay = document.getElementById('overlay');
	if (event.keyCode == 27 && $overlay) {
		$overlay.remove();
		document.body.classList.remove("no-scroll");
	}
};