{"id":8468,"date":"2025-05-26T21:03:53","date_gmt":"2025-05-26T21:03:53","guid":{"rendered":"https:\/\/fitoutsport.nl\/?page_id=8468"},"modified":"2025-05-26T21:04:22","modified_gmt":"2025-05-26T21:04:22","slug":"animatie-test-2","status":"publish","type":"page","link":"https:\/\/fitoutsport.nl\/en\/animatie-test-2\/","title":{"rendered":"Animatie test 2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8468\" class=\"elementor elementor-8468\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8134bb2 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"8134bb2\" 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-5f6b7ac\" data-id=\"5f6b7ac\" 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-9477ae8 elementor-widget elementor-widget-video\" data-id=\"9477ae8\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&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\/2025\/05\/oefening2.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-6c5a056 elementor-widget elementor-widget-html\" data-id=\"6c5a056\" 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\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\/2025\/05\/oefening2.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-8468","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8468","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=8468"}],"version-history":[{"count":5,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8468\/revisions"}],"predecessor-version":[{"id":8474,"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/pages\/8468\/revisions\/8474"}],"wp:attachment":[{"href":"https:\/\/fitoutsport.nl\/en\/wp-json\/wp\/v2\/media?parent=8468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}