{"id":8475,"date":"2025-05-26T21:08:49","date_gmt":"2025-05-26T21:08:49","guid":{"rendered":"https:\/\/fitoutsport.nl\/?page_id=8475"},"modified":"2025-05-27T15:27:05","modified_gmt":"2025-05-27T15:27:05","slug":"animatie-test-3","status":"publish","type":"page","link":"https:\/\/fitoutsport.nl\/en\/animatie-test-3\/","title":{"rendered":"Animatie test 3"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8475\" class=\"elementor elementor-8475\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf6b779 e-flex e-con-boxed e-con e-parent\" data-id=\"bf6b779\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=WAklyWF6_so&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-2a7c5e0 e-con-full e-flex e-con e-child\" data-id=\"2a7c5e0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e4e862 elementor-widget elementor-widget-heading\" data-id=\"5e4e862\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">fitout sport<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b2fad0 elementor-widget elementor-widget-heading\" data-id=\"8b2fad0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\"where the heartbeat starts\"<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5815565 elementor-widget elementor-widget-text-editor\" data-id=\"5815565\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-803f230 elementor-widget elementor-widget-button\" data-id=\"803f230\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ontdek meer<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-784225d e-con-full e-flex e-con e-child\" data-id=\"784225d\" data-element_type=\"container\">\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-2f398d7 e-con-full e-flex e-con e-parent\" data-id=\"2f398d7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3f925e elementor-widget elementor-widget-video\" data-id=\"d3f925e\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" 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\/2025\/05\/Video-30fps-1.mp4\" preload=\"metadata\" 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<div class=\"elementor-element elementor-element-da70be2 elementor-widget elementor-widget-html\" data-id=\"da70be2\" 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>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.4.0\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.3.3\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n$( document ).ready(function() {\r\n    console.clear();\r\n    $('video').addClass('video-background');\r\n\r\n\r\n\r\nconst video = document.querySelector(\".video-background\");\r\nlet src = video.currentSrc || video.src;\r\nconsole.log(video, src);\r\n\r\n\/* Make sure the video is 'activated' on iOS *\/\r\nfunction once(el, event, fn, opts) {\r\n  var onceFn = function (e) {\r\n    el.removeEventListener(event, onceFn);\r\n    fn.apply(this, arguments);\r\n  };\r\n  el.addEventListener(event, onceFn, opts);\r\n  return onceFn;\r\n}\r\n\r\nonce(document.documentElement, \"touchstart\", function (e) {\r\n  video.play();\r\n  video.pause();\r\n});\r\n\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\nlet tl = gsap.timeline({\r\n  defaults: { duration: 1 },\r\n  scrollTrigger: {\r\n    trigger: \"#container\",\r\n    start: \"top top\",\r\n    end: \"bottom bottom\",\r\n    scrub: true\r\n  }\r\n});\r\n\r\nonce(video, \"loadedmetadata\", () => {\r\n  tl.fromTo(\r\n    video,\r\n    {\r\n      currentTime: 0\r\n    },\r\n    {\r\n      currentTime: video.duration || 1\r\n    }\r\n  );\r\n});\r\n\r\n\/*!\r\n     * \u00a9 This code was written by Nicolai Palmkvist.\r\n     * For more information, visit my Elementor Youtube channel: https:\/\/www.youtube.com\/@nicopalmkvist\r\n     *\/\r\n\r\nsetTimeout(function () {\r\n  if (window[\"fetch\"]) {\r\n    fetch(src)\r\n      .then((response) => response.blob())\r\n      .then((response) => {\r\n        var blobURL = URL.createObjectURL(response);\r\n\r\n        var t = video.currentTime;\r\n        once(document.documentElement, \"touchstart\", function (e) {\r\n          video.play();\r\n          video.pause();\r\n        });\r\n\r\n        video.setAttribute(\"src\", blobURL);\r\n        video.currentTime = t + 0.01;\r\n      });\r\n  }\r\n}, 1000);\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c372f4e e-con-full e-flex e-con e-parent\" data-id=\"c372f4e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2db3861 e-con-full e-flex e-con e-child\" data-id=\"2db3861\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9e1fdb1 e-con-full e-flex e-con e-child\" data-id=\"9e1fdb1\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-41f8e0d e-con-full e-flex e-con e-child\" data-id=\"41f8e0d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2066f0 elementor-widget elementor-widget-heading\" data-id=\"b2066f0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">dit is een titel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a1ad8d elementor-widget elementor-widget-text-editor\" data-id=\"2a1ad8d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd3dac elementor-widget elementor-widget-button\" data-id=\"1cd3dac\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Klik hier<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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 class=\"elementor-element elementor-element-1f9bd10 e-con-full e-flex e-con e-child\" data-id=\"1f9bd10\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>fitout sport &#8220;where the heartbeat starts&#8221; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ontdek meer http:\/\/fitoutsport.nl\/wp-content\/uploads\/2025\/05\/Video-30fps-1.mp4 dit is een&#8230;<\/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-8475","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8475","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=8475"}],"version-history":[{"count":70,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8475\/revisions"}],"predecessor-version":[{"id":8584,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8475\/revisions\/8584"}],"wp:attachment":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/media?parent=8475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}