{"id":38,"date":"2026-05-29T17:21:15","date_gmt":"2026-05-29T17:21:15","guid":{"rendered":"https:\/\/aumees.com\/?page_id=38"},"modified":"2026-05-29T18:07:39","modified_gmt":"2026-05-29T18:07:39","slug":"elementor-38","status":"publish","type":"page","link":"https:\/\/aumees.com\/index.php\/elementor-38\/","title":{"rendered":"Elementor #38"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6a4b18 e-flex e-con-boxed e-con e-parent\" data-id=\"e6a4b18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0b9cf9c e-con-full e-flex e-con e-child\" data-id=\"0b9cf9c\" data-element_type=\"container\" data-e-type=\"container\" id=\"set-height\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68428bb elementor-widget elementor-widget-html\" data-id=\"68428bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<video id=\"v0\" preload=\"auto\" muted>\r\n    <source src=\"http:\/\/aumees.com\/interactive\/Web_2.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e543b6c e-flex e-con-boxed e-con e-parent\" data-id=\"e543b6c\" 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-e141d2e elementor-widget elementor-widget-html\" data-id=\"e141d2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* Placeholder div for scrolling *\/\r\n    #set-height {\r\n      height: 300vh; \/* Initial height, dynamically updated *\/\r\n      background: linear-gradient(to bottom, #ffffff, #cccccc);\r\n    }\r\n    \/* Fixed video styling *\/\r\n    #v0 {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: cover;\r\n    }\r\n  <\/style>\r\n  \r\n  <script>\r\n    var vid = document.getElementById('v0');\r\n    var setHeight = document.getElementById(\"set-height\");\r\n    var playbackConst = 2000; \/\/ Adjusts scroll speed\r\n    vid.addEventListener('loadedmetadata', function () {\r\n      \/\/ Dynamically set page height based on video duration\r\n      setHeight.style.height = (vid.duration * playbackConst) + \"px\";\r\n      console.log(\"Video Duration: \", vid.duration);\r\n      scrollPlay(); \/\/ Ensure function starts after video metadata loads\r\n    });\r\n    function scrollPlay() {\r\n      let scrollTop = window.scrollY || document.documentElement.scrollTop;\r\n      let maxScroll = document.documentElement.scrollHeight - window.innerHeight;\r\n      let scrollFraction = scrollTop \/ maxScroll;\r\n      \/\/ Map scroll to video time\r\n      vid.currentTime = vid.duration * scrollFraction;\r\n      requestAnimationFrame(scrollPlay);\r\n    }\r\n    \/\/ Start the scrollPlay function\r\n    requestAnimationFrame(scrollPlay);\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf61b4a e-flex e-con-boxed e-con e-parent\" data-id=\"bf61b4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afb5263 e-flex e-con-boxed e-con e-parent\" data-id=\"afb5263\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":19,"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/aumees.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}