;
;
;
$("#fullscreen-button").on("click", function toggleFullScreen() {
if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document
.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document
.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !==
undefined && !document.webkitIsFullScreen)) {
$('#fullscreen-icon').removeClass('fa-expand');
$('#fullscreen-icon').addClass('fa-compress');
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
} else if (document.documentElement.msRequestFullscreen) {
document.documentElement.msRequestFullscreen();
}
} else {
$('#fullscreen-icon').addClass('fa-expand');
$('#fullscreen-icon').removeClass('fa-compress');
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.msExitFullscreen) {
document.documentElement.msExitFullscreen();
}
}
});
$(document).on("fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange", function() {
if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document
.msFullscreenElement) {
$('#fullscreen-icon').addClass('fa-expand');
$('#fullscreen-icon').removeClass('fa-compress');
}
});
function pausevideo(){
var videoIframe = $('#shape-added iframe')[0];
videoIframe.contentWindow &&
"function" == typeof videoIframe.contentWindow.postMessage &&
videoIframe.contentWindow.postMessage(
'{"event":"command","func":"pauseVideo","args":""}',
"*"
);
// Clear the content inside the modal
document.getElementById('data').innerHTML = '';
// Additional code to pause your video
// For example, if using HTML5 video
var video = document.querySelector('video');
if (video) {
video.pause();
}
//videoIframe.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', "*");
}
(function() {
"use strict";
// horizontal direction
(function resizableX() {
const resizer = document.querySelector(".resizer-x");
if(!resizer) return;
resizer.addEventListener("mousedown", onmousedown);
resizer.addEventListener("touchstart", ontouchstart);
// for mobile
function ontouchstart(e) {
e.preventDefault();
resizer.addEventListener("touchmove", ontouchmove);
resizer.addEventListener("touchend", ontouchend);
}
function ontouchmove(e) {
e.preventDefault();
const clientX = e.touches[0].clientX;
const deltaX = clientX - (resizer._clientX || clientX);
resizer._clientX = clientX;
const l = resizer.previousElementSibling;
const r = resizer.nextElementSibling;
// LEFT
if (deltaX < 0) {
const w = Math.round(parseInt(getComputedStyle(l).width) + deltaX);
l.style.flex = `0 ${w < 10 ? 0 : w}px`;
r.style.flex = "1 0";
}
// RIGHT
if (deltaX > 0) {
const w = Math.round(parseInt(getComputedStyle(r).width) - deltaX);
r.style.flex = `0 ${w < 10 ? 0 : w}px`;
l.style.flex = "1 0";
}
}
function ontouchend(e) {
e.preventDefault();
resizer.removeEventListener("touchmove", ontouchmove);
resizer.removeEventListener("touchend", ontouchend);
delete e._clientX;
Reveal.layout();
}
// for desktop
function onmousedown(e) {
e.preventDefault();
document.addEventListener("mousemove", onmousemove);
document.addEventListener("mouseup", onmouseup);
}
function onmousemove(e) {
e.preventDefault();
const clientX = e.clientX;
const deltaX = clientX - (resizer._clientX || clientX);
resizer._clientX = clientX;
const l = resizer.previousElementSibling;
const r = resizer.nextElementSibling;
// LEFT
if (deltaX < 0) {
const w = Math.round(parseInt(getComputedStyle(l).width) + deltaX);
l.style.flex = `0 ${w < 10 ? 0 : w}px`;
r.style.flex = "1 0";
}
// RIGHT
if (deltaX > 0) {
const w = Math.round(parseInt(getComputedStyle(r).width) - deltaX);
r.style.flex = `0 ${w < 10 ? 0 : w}px`;
l.style.flex = "1 0";
}
}
function onmouseup(e) {
e.preventDefault();
document.removeEventListener("mousemove", onmousemove);
document.removeEventListener("mouseup", onmouseup);
delete e._clientX;
Reveal.layout();
}
})();
// vertical direction
(function resizableY() {
const resizer = document.querySelector(".resizer-y");
if(!resizer) return;
resizer.addEventListener("mousedown", onmousedown);
resizer.addEventListener("touchstart", ontouchstart);
// for mobile
function ontouchstart(e) {
e.preventDefault();
resizer.addEventListener("touchmove", ontouchmove);
resizer.addEventListener("touchend", ontouchend);
}
function ontouchmove(e) {
e.preventDefault();
const clientY = e.touches[0].clientY;
const deltaY = clientY - (resizer._clientY || clientY);
resizer._clientY = clientY;
const t = resizer.previousElementSibling;
const b = resizer.nextElementSibling;
// UP
if (deltaY < 0) {
const h = Math.round(parseInt(getComputedStyle(t).height) + deltaY);
t.style.flex = `0 ${h < 10 ? 0 : h}px`;
b.style.flex = "1 0";
}
// DOWN
if (deltaY > 0) {
const h = Math.round(parseInt(getComputedStyle(b).height) - deltaY);
b.style.flex = `0 ${h < 10 ? 0 : h}px`;
t.style.flex = "1 0";
}
}
function ontouchend(e) {
e.preventDefault();
resizer.removeEventListener("touchmove", ontouchmove);
resizer.removeEventListener("touchend", ontouchend);
delete e._clientY;
}
// for desktop
function onmousedown(e) {
e.preventDefault();
document.addEventListener("mousemove", onmousemove);
document.addEventListener("mouseup", onmouseup);
}
function onmousemove(e) {
e.preventDefault();
const clientY = e.clientY;
const deltaY = clientY - (resizer._clientY || clientY);
resizer._clientY = clientY;
const t = resizer.previousElementSibling;
const b = resizer.nextElementSibling;
// UP
if (deltaY < 0) {
const h = Math.round(parseInt(getComputedStyle(t).height) + deltaY);
t.style.flex = `0 ${h < 10 ? 0 : h}px`;
b.style.flex = "1 0";
}
// DOWN
if (deltaY > 0) {
const h = Math.round(parseInt(getComputedStyle(b).height) - deltaY);
b.style.flex = `0 ${h < 10 ? 0 : h}px`;
t.style.flex = "1 0";
}
}
function onmouseup(e) {
e.preventDefault();
document.removeEventListener("mousemove", onmousemove);
document.removeEventListener("mouseup", onmouseup);
delete e._clientY;
}
})();
})();
Anna
Click to explore more! 📲 Discover all the exciting features at your
fingertips. Try it out now!
