document.onkeydown = (e) => {

    if ((e.metaKey || e.ctrlKey) && e.key === ".") {
        e.preventDefault();
        window.parent.stop();
        return false;
    }

    if ((e.metaKey || e.ctrlKey) && e.key === "ArrowRight") {
        e.preventDefault();
        window.parent.next();
        return false;
    }

    if ((e.metaKey || e.ctrlKey) && e.key === "ArrowLeft") {
        e.preventDefault();
        window.parent.previous();
        return false;
    }

    if (e.key === " " && e.target.tagName !== "INPUT") {
        e.preventDefault();
        window.parent.playPause();
        return false;
    }
}