{"id":356,"date":"2026-04-05T08:20:18","date_gmt":"2026-04-05T08:20:18","guid":{"rendered":"https:\/\/vprefer.com\/?page_id=356"},"modified":"2026-04-14T08:08:17","modified_gmt":"2026-04-14T08:08:17","slug":"test","status":"publish","type":"page","link":"https:\/\/vprefer.com\/index.php\/test\/","title":{"rendered":"test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"356\" class=\"elementor elementor-356\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1f11bf6c e-con-full e-flex e-con e-parent\" data-id=\"1f11bf6c\" data-element_type=\"container\" data-e-type=\"container\" id=\"set-height\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-37b94cf4 e-con-full e-flex e-con e-child\" data-id=\"37b94cf4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-305e616f elementor-widget elementor-widget-html\" data-id=\"305e616f\" 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:\/\/vprefer.com\/wp-content\/uploads\/2026\/04\/hf_20260408_165114_4df6c3cd-4334-48a5-929c-15438bfee97b-1.mp4\" type=\"video\/mp4\">\r\n  <\/video>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-26b7bfdf e-flex e-con-boxed e-con e-parent\" data-id=\"26b7bfdf\" 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-7ce8c897 elementor-widget elementor-widget-html\" data-id=\"7ce8c897\" 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: 100vh; \/* Initial height, dynamically updated *\/\r\n      background: linear-gradient(to bottom, #ffffff, #cccccc);\r\n    }\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 = 800; \/\/ Adjusts scroll speed\r\n\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\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\r\n      \/\/ Map scroll to video time\r\n      vid.currentTime = vid.duration * scrollFraction;\r\n\r\n      requestAnimationFrame(scrollPlay);\r\n    }\r\n\r\n    \/\/ Start the scrollPlay function\r\n    requestAnimationFrame(scrollPlay);\r\n  <\/script>\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\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":{"_angie_page":false,"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-356","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/pages\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":148,"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/pages\/356\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/vprefer.com\/index.php\/wp-json\/wp\/v2\/media?parent=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}