{"id":8453,"date":"2025-05-26T15:50:14","date_gmt":"2025-05-26T15:50:14","guid":{"rendered":"https:\/\/fitoutsport.nl\/?page_id=8453"},"modified":"2025-05-26T17:51:25","modified_gmt":"2025-05-26T17:51:25","slug":"animatie-test","status":"publish","type":"page","link":"https:\/\/fitoutsport.nl\/en\/animatie-test\/","title":{"rendered":"Animatie test"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8453\" class=\"elementor elementor-8453\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0730693 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"0730693\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f4dea2a\" data-id=\"f4dea2a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-baf626e elementor-widget elementor-widget-video\" data-id=\"baf626e\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"http:\/\/fitoutsport.nl\/wp-content\/uploads\/2024\/05\/Dahsboard0001-0400.mp4\" autoplay=\"\" controls=\"\" muted=\"muted\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57917dc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"57917dc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e34260\" data-id=\"5e34260\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b5ad44c elementor-widget elementor-widget-html\" data-id=\"b5ad44c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn-script.com\/ajax\/libs\/jquery\/3.7.1\/jquery.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.4.0\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.3.3\/ScrollTrigger.min.js\"><\/script>\n\n<script>\n$( document ).ready(function() {\n    console.clear();\n    $('video').addClass('video-background');\n\n\n\nconst video = document.querySelector(\".video-background\");\nlet src = video.currentSrc || video.src;\nconsole.log(video, src);\n\n\/* Make sure the video is 'activated' on iOS *\/\nfunction once(el, event, fn, opts) {\n  var onceFn = function (e) {\n    el.removeEventListener(event, onceFn);\n    fn.apply(this, arguments);\n  };\n  el.addEventListener(event, onceFn, opts);\n  return onceFn;\n}\n\nonce(document.documentElement, \"touchstart\", function (e) {\n  video.play();\n  video.pause();\n});\n\ngsap.registerPlugin(ScrollTrigger);\n\nlet tl = gsap.timeline({\n  defaults: { duration: 1 },\n  scrollTrigger: {\n    trigger: \"#container\",\n    start: \"top top\",\n    end: \"bottom bottom\",\n    scrub: true\n  }\n});\n\nonce(video, \"loadedmetadata\", () => {\n  tl.fromTo(\n    video,\n    {\n      currentTime: 0\n    },\n    {\n      currentTime: video.duration || 1\n    }\n  );\n});\n\n\/*!\n     * \u00a9 This code was written by Nicolai Palmkvist.\n     * For more information, visit my Elementor Youtube channel: https:\/\/www.youtube.com\/@nicopalmkvist\n     *\/\n\nsetTimeout(function () {\n  if (window[\"fetch\"]) {\n    fetch(src)\n      .then((response) => response.blob())\n      .then((response) => {\n        var blobURL = URL.createObjectURL(response);\n\n        var t = video.currentTime;\n        once(document.documentElement, \"touchstart\", function (e) {\n          video.play();\n          video.pause();\n        });\n\n        video.setAttribute(\"src\", blobURL);\n        video.currentTime = t + 0.01;\n      });\n  }\n}, 1000);\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>http:\/\/fitoutsport.nl\/wp-content\/uploads\/2024\/05\/Dahsboard0001-0400.mp4<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"spay_email":"","footnotes":""},"class_list":["post-8453","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/comments?post=8453"}],"version-history":[{"count":13,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8453\/revisions"}],"predecessor-version":[{"id":8466,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8453\/revisions\/8466"}],"wp:attachment":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/media?parent=8453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}