{"id":1272,"date":"2025-10-06T20:08:42","date_gmt":"2025-10-06T20:08:42","guid":{"rendered":"https:\/\/diegoquemadadiez.com\/?page_id=1272"},"modified":"2025-10-06T20:33:32","modified_gmt":"2025-10-06T20:33:32","slug":"video-test-page","status":"publish","type":"page","link":"https:\/\/diegoquemadadiez.com\/es\/video-test-page\/","title":{"rendered":"Video Test Page"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1272\" class=\"elementor elementor-1272\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5322fe7 e-con-full intro-video e-flex e-con e-parent\" data-id=\"5322fe7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/diegoquemadadiez.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Video-Test.mp4&quot;,&quot;background_play_once&quot;:&quot;yes&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c8742e e-con-full e-flex e-con e-parent\" data-id=\"1c8742e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-478822c elementor-widget elementor-widget-text-editor\" data-id=\"478822c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bf2c8f elementor-widget elementor-widget-text-editor\" data-id=\"4bf2c8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16adb5b e-con-full e-flex e-con e-parent\" data-id=\"16adb5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/diegoquemadadiez.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/DQD-website-demo-video.mp4&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04fe8c5 e-con-full e-flex e-con e-parent\" data-id=\"04fe8c5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e57f5c4 elementor-widget elementor-widget-text-editor\" data-id=\"e57f5c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18a8292 elementor-widget elementor-widget-text-editor\" data-id=\"18a8292\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cee520 elementor-widget elementor-widget-text-editor\" data-id=\"3cee520\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d1cf5 elementor-widget elementor-widget-text-editor\" data-id=\"e5d1cf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  \/* Fullscreen overlay for the intro section *\/\n  #intro-video{\n    position: fixed;       \/* key: take it out of normal flow *\/\n    inset: 0;              \/* top\/right\/bottom\/left = 0 *\/\n    width: 100vw;\n    height: 100vh;\n    z-index: 9999;\n    background: #000;      \/* helpful while video buffers *\/\n    opacity: 1;\n    transition: opacity 1.2s ease;\n    pointer-events: auto;  \/* allow clicks if you add a skip button later *\/\n  }\n  #intro-video.nv-fade-out{\n    opacity: 0;\n    pointer-events: none;\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const section = document.getElementById('intro-video');\n  if (!section) return;\n\n  \/\/ Try to find Elementor's hosted background <video>\n  const bgVideo = section.querySelector('video, .elementor-background-video-hosted');\n\n  \/\/ Prevent scrolling while intro is up\n  const originalOverflow = document.body.style.overflow || '';\n  document.body.style.overflow = 'hidden';\n\n  const fadeAndRemove = () => {\n    section.classList.add('nv-fade-out');\n    \/\/ After fade completes, remove overlay and restore scroll\n    setTimeout(() => {\n      section.remove();\n      document.body.style.overflow = originalOverflow || '';\n    }, 1300); \/\/ match CSS transition (1.2s) + a little buffer\n  };\n\n  if (bgVideo && bgVideo.tagName && bgVideo.tagName.toLowerCase() === 'video') {\n    \/\/ Ensure autoplay works\n    try {\n      bgVideo.muted = true;\n      bgVideo.playsInline = true;\n      bgVideo.play().catch(()=>{});\n    } catch(e){}\n\n    \/\/ Best case: fade when video actually ends\n    bgVideo.addEventListener('ended', fadeAndRemove);\n\n    \/\/ Fallback: if 'ended' never fires (mobile\/background), use duration or cap\n    const armFallback = () => {\n      const ms = Math.min(((bgVideo.duration || 8) * 1000), 20000); \/\/ cap at 20s\n      setTimeout(() => {\n        if (!section.classList.contains('nv-fade-out')) fadeAndRemove();\n      }, ms);\n    };\n    if (isFinite(bgVideo.duration) && bgVideo.duration > 0) {\n      armFallback();\n    } else {\n      bgVideo.addEventListener('loadedmetadata', armFallback, { once: true });\n      \/\/ Double fallback if metadata never comes\n      setTimeout(armFallback, 8000);\n    }\n  } else {\n    \/\/ No <video> element found (e.g., YouTube\/Vimeo background) -> timed fade\n    setTimeout(fadeAndRemove, 8000); \/\/ adjust seconds as you like\n  }\n});\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/pages\/1272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/comments?post=1272"}],"version-history":[{"count":16,"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/pages\/1272\/revisions"}],"predecessor-version":[{"id":1289,"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/pages\/1272\/revisions\/1289"}],"wp:attachment":[{"href":"https:\/\/diegoquemadadiez.com\/es\/wp-json\/wp\/v2\/media?parent=1272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}