{"id":8,"date":"2025-11-23T14:00:38","date_gmt":"2025-11-23T14:00:38","guid":{"rendered":"https:\/\/crear-t.com\/?page_id=8"},"modified":"2025-11-24T10:41:40","modified_gmt":"2025-11-24T10:41:40","slug":"crear-t","status":"publish","type":"page","link":"https:\/\/crear-t.com\/","title":{"rendered":"Crear-T"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0416bc e-flex e-con-boxed e-con e-parent\" data-id=\"c0416bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf12c07 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"cf12c07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"crt-video-block\">\n  <div class=\"crt-video-inner\">\n    <video\n      id=\"crtVideo\"\n      preload=\"auto\"\n      playsinline>\n      <source src=\"https:\/\/crear-t.com\/wp-content\/uploads\/2025\/11\/VCAN-creAR-T-Original-Toni-Pereira.mp4\" type=\"video\/mp4\">\n      Tu navegador no soporta v\u00eddeo HTML5.\n    <\/video>\n\n    <!-- P\u00d3STER AL PRINCIPIO Y AL FINAL -->\n    <img decoding=\"async\"\n      src=\"https:\/\/crear-t.com\/wp-content\/uploads\/2025\/11\/Poster222.png\"\n      alt=\"CREART\"\n      class=\"crt-video-poster\">\n  <\/div>\n<\/div>\n\n<style>\n  .crt-video-block {\n    width: 100%;\n    max-width: 900px;   \/* ajusta el ancho m\u00e1ximo si quieres *\/\n    margin: 0 auto;\n  }\n\n  .crt-video-inner {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;   \/* ajusta si tu v\u00eddeo tiene otra proporci\u00f3n *\/\n    overflow: hidden;\n    background: #fdfdfd;    \/* mismo fondo que la p\u00e1gina *\/\n  }\n\n  .crt-video-inner video#crtVideo,\n  .crt-video-inner img.crt-video-poster {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;    \/* respeta el logo; pon \"cover\" si quieres que llene 100% recortando un poco *\/\n    display: block;\n    margin: 0;\n    padding: 0;\n    border: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    background: #fdfdfd;    \/* por si acaso, tambi\u00e9n blanco *\/\n  }\n\n  .crt-video-inner img.crt-video-poster {\n    pointer-events: none;   \/* el clic pasa al v\u00eddeo *\/\n    opacity: 1;\n    transition: opacity 0.25s ease;\n  }\n\n  .crt-video-block.crt-playing .crt-video-poster {\n    opacity: 0;\n  }\n<\/style>\n\n<script>\n  (function () {\n    var v = document.getElementById('crtVideo');\n    if (!v) return;\n\n    var block = v.closest('.crt-video-block');\n    if (!block) return;\n\n    function showPoster() {\n      block.classList.remove('crt-playing');\n    }\n\n    function hidePoster() {\n      block.classList.add('crt-playing');\n    }\n\n    \/\/ Clic = reproducir \/ pausar\n    v.addEventListener('click', function () {\n      if (v.paused) {\n        v.play().then(hidePoster).catch(function () {\n          \/\/ si falla, no rompemos nada\n        });\n      } else {\n        v.pause();\n      }\n    });\n\n    \/\/ Cuando empieza a reproducir, ocultamos p\u00f3ster\n    v.addEventListener('play', hidePoster);\n\n    \/\/ Al acabar: volver al inicio y mostrar p\u00f3ster\n    v.addEventListener('ended', function () {\n      try {\n        v.currentTime = 0;\n      } catch (e) {}\n      v.pause();\n      showPoster();\n    });\n\n    \/\/ Intento de autoplay a los 2s\n    function scheduleAutoplay() {\n      setTimeout(function () {\n        v.play().then(hidePoster).catch(function () {\n          \/\/ si el navegador bloquea el autoplay, dejamos el p\u00f3ster quieto\n          showPoster();\n        });\n      }, 2000);\n    }\n\n    if (document.readyState === 'complete') {\n      scheduleAutoplay();\n    } else {\n      window.addEventListener('load', scheduleAutoplay);\n    }\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tu navegador no soporta v\u00eddeo HTML5.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crear-t.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crear-t.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crear-t.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crear-t.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crear-t.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":115,"href":"https:\/\/crear-t.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/crear-t.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/crear-t.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}