{"id":19412,"date":"2025-07-15T14:16:43","date_gmt":"2025-07-15T12:16:43","guid":{"rendered":"https:\/\/www.efaflex.ch\/mediatheque\/allgemeine-videos\/"},"modified":"2025-07-22T10:47:27","modified_gmt":"2025-07-22T08:47:27","slug":"videos-generales","status":"publish","type":"page","link":"https:\/\/www.efaflex.ch\/fr\/mediatheque\/videos-generales\/","title":{"rendered":"Vid\u00e9os g\u00e9n\u00e9rales"},"content":{"rendered":"\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div id=\"breadcrump-block_2503140bcedec378781e6b11bbc9503f\" class=\"inner\">\n        <nav class=\"breadcrumb\"><a href=\"https:\/\/www.efaflex.ch\/fr\/\">Page d&#8217;accueil<\/a> \/ <span class=\"current-page\">Page<\/span><\/nav>    <\/div>\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"inner\">\n            <h2 class=\"mediathek-ausgabe\">Vid\u00e9os g\u00e9n\u00e9rales<\/h2>\n        <div class=\"custom-flex-box\">\n        \n        \n        \n                            \n                \n                                                                                    <div class=\"single-mediathek-block flex-box-twentyfive\" data-mediathek-id=\"19415\">\n                            <div class=\"video-content\">\n                                                                    <video controls playsinline preload=\"none\">\n                                        <source src=\"https:\/\/www.efaflex.ch\/wp-content\/uploads\/sites\/5\/2025\/07\/Wir-kuemmern-uns-um-Ihr-Torprojekt-DE-1.mp4\" type=\"video\/mp4\">                                                                            <\/video>\n                                                            <\/div>\n                            <div class=\"text-content\">\n                                                                    <h3 class=\"mediathek-headline\">Nous g\u00e9rons votre projet de porte<\/h3>\n                                \n                                <p>\n                                                                    <\/p>\n\n                                <a class=\"load-more-button\" href=\"#play-video-19415\">Jouer la vid\u00e9o<\/a>\n\n                                <div class=\"video-popup\" style=\"display: none;\">\n                                    <div class=\"popup-inner\">\n                                        <div class=\"video-box\">\n                                                                                            <video controls playsinline preload=\"none\">\n                                                    <source src=\"https:\/\/www.efaflex.ch\/wp-content\/uploads\/sites\/5\/2025\/07\/Wir-kuemmern-uns-um-Ihr-Torprojekt-DE-1.mp4\" type=\"video\/mp4\">                                                                                                    <\/video>\n                                                                                    <\/div>\n                                    <\/div>\n                                    <div class=\"video-background\"><\/div>\n                                <\/div>\n\n                            <\/div>\n                                                    <\/div>\n\n                                                        \n                        <\/div>\n<\/div>\n\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(document).ready(function($) {\n            $('a.load-more-button').click(function () {\n                var $singleBlock = $(this).closest('.single-mediathek-block');\n                var $video = $singleBlock.find('video');\n                if ($video.length) {\n                    $video.each(function() {\n                        this.pause();\n                    });\n                }\n\n                $(this)\n                    .parent('.text-content')\n                    .children('.video-popup')\n                    .fadeIn()\n                    .addClass('active');\n            });\n\n            $('.video-background').click(function () {\n                var $popup = $(this).parent('.video-popup');\n\n                $popup.fadeOut().removeClass('active');\n\n                $popup.find('video').each(function () {\n                    this.pause();\n                });\n\n                \/\/ iframe neu laden, falls vorhanden\n                var $iframe = $popup.find(\"iframe\");\n                if ($iframe.length) {\n                    setTimeout(function(){\n                        $iframe.attr(\"src\", $iframe.attr(\"src\"));\n                    }, 300);\n                }\n\n                history.replaceState(\"\", document.title, window.location.pathname + window.location.search);\n            });\n\n            function getScreenOrientation()\n            {\n                if(window.innerWidth\/window.innerHeight>16\/9){\n                    $(\".popup-inner\").removeClass(\"portrait\")\n                    $(\".popup-inner\").addClass(\"landscape\")\n                } else {\n                    $(\".popup-inner\").addClass(\"portrait\")\n                    $(\".popup-inner\").removeClass(\"landscape\")\n                }\n            }\n\n            getScreenOrientation();\n\n            $(window).on(\"resize\",function(){\n                getScreenOrientation()\n            })\n\n            function checkAndPlayVideoFromHash() {\n                var hash = window.location.hash;\n\n                if (hash.startsWith('#play-video-')) {\n                    var id = hash.replace('#play-video-', '');\n\n                    var $block = $('.single-mediathek-block[data-mediathek-id=\"' + id + '\"]');\n                    if ($block.length) {\n                        $block.find('.load-more-button').trigger('click');\n                    }\n                }\n            }\n\n            checkAndPlayVideoFromHash();\n            $(window).on('hashchange', checkAndPlayVideoFromHash);\n        });\n    });\n<\/script>\n\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":23,"featured_media":0,"parent":12749,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19412","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/pages\/19412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/comments?post=19412"}],"version-history":[{"count":3,"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/pages\/19412\/revisions"}],"predecessor-version":[{"id":19420,"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/pages\/19412\/revisions\/19420"}],"up":[{"embeddable":true,"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/pages\/12749"}],"wp:attachment":[{"href":"https:\/\/www.efaflex.ch\/fr\/wp-json\/wp\/v2\/media?parent=19412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}