{"id":2274,"date":"2025-09-14T15:34:56","date_gmt":"2025-09-14T13:34:56","guid":{"rendered":"https:\/\/test.phyrfliez.de\/?page_id=2274"},"modified":"2025-09-14T15:38:08","modified_gmt":"2025-09-14T13:38:08","slug":"browserplay-dichotomy-jam-edition","status":"publish","type":"page","link":"https:\/\/phyrfliez.de\/en\/spiele\/dichotomy\/browserplay-dichotomy-jam-edition\/","title":{"rendered":"Browserplay \u2013 Dichotomy &#8211; Jam-Edition"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid text-center vc_row-o-content-middle vc_row-flex\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2  class='text-center nk-title text-center'>Dichotomy &#8211; Jam-Edition<\/h2>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element text-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div style=\"display:flex; flex-direction:column; align-items:center; justify-content:center;\">\n  <iframe id=\"embedElement\" \n    src=\"https:\/\/phyrfliez.de\/games\/dt_je_101\/index.html\"\n    tabindex=\"0\"\n    scrolling=\"no\"\n    style=\"width:1280px; height:720px; border: 5px solid #FF1493; border-radius: 15px; box-shadow: 0px 4px 20px rgba(255, 20, 147, 0.5);\" \n    allowfullscreen>\n  <\/iframe>\n  \n  <div style=\"margin-top:15px;\">\n    <button id=\"fullscreen\" style=\"padding:10px 20px; border-radius:10px; border:none; background:#FF1493; font-size:16px; cursor:pointer; box-shadow:0px 4px 10px rgba(255,20,147,0.5);\">\n      Fullscreen\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n  const embedElement = document.getElementById(\"embedElement\");\n\n  \/\/ Vollbild-Button\n  document.getElementById(\"fullscreen\").onclick = function() {\n    if (embedElement.requestFullscreen) {\n      embedElement.requestFullscreen();\n      embedElement.focus(); \/\/ Fokus direkt auf iFrame\n    }\n  };\n\n  \/\/ Canvas-Gr\u00f6\u00dfe im iFrame anpassen\n  function resizeCanvas(fullscreen) {\n    const iframeDoc = embedElement.contentDocument || embedElement.contentWindow.document;\n    if (!iframeDoc) return;\n    const canvas = iframeDoc.querySelector(\"canvas\");\n    if (!canvas) return;\n\n    if (fullscreen) {\n      canvas.style.width = \"100%\";\n      canvas.style.height = \"100%\";\n      canvas.style.objectFit = \"contain\";\n    } else {\n      canvas.style.width = \"1280px\";\n      canvas.style.height = \"720px\";\n    }\n  }\n\n  \/\/ Fullscreen-Event\n  document.addEventListener(\"fullscreenchange\", () => {\n    const isFull = (document.fullscreenElement === embedElement);\n    if (isFull) {\n      embedElement.style.width = \"100vw\";\n      embedElement.style.height = \"100vh\";\n      embedElement.style.border = \"none\";\n      embedElement._interval = setInterval(() => resizeCanvas(true), 500);\n\n      embedElement.focus(); \/\/ Fokus sichern\n    } else {\n      embedElement.style.width = \"1280px\";\n      embedElement.style.height = \"720px\";\n      embedElement.style.border = \"5px solid #FF1493\";\n      clearInterval(embedElement._interval);\n      resizeCanvas(false);\n    }\n  });\n\n  \/\/ Space-Taste nur blockieren, wenn der Fokus im iFrame ist\n  document.addEventListener(\"keydown\", function(e){\n    if(document.activeElement === embedElement && e.code === 'Space'){\n      e.preventDefault();\n    }\n  });\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"\" ><p style=\"text-align: center;\">In fullscreen mode, you can open the \u201cESC menu\u201d with \"Insert\" without leaving fullscreen.<\/p>\n<p style=\"text-align: center;\">\u2013 If the image looks \u201csmall\u201d in fullscreen, just press F3. \u2013<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Dichotomy - Jam-Edition Vollbild Im Vollbild-Modus kannst du das \"ESC-Men\u00fc\" mit \"EINFG\" \u00f6ffnen, um den Vollbildmodus nicht zu beenden. - Sollte das Bild im Vollbildmodus \"klein\" sein, einfach F3 dr\u00fccken. -","protected":false},"author":1,"featured_media":0,"parent":2214,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-2274","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/pages\/2274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/comments?post=2274"}],"version-history":[{"count":2,"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/pages\/2274\/revisions"}],"predecessor-version":[{"id":2278,"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/pages\/2274\/revisions\/2278"}],"up":[{"embeddable":true,"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/pages\/2214"}],"wp:attachment":[{"href":"https:\/\/phyrfliez.de\/en\/wp-json\/wp\/v2\/media?parent=2274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}