{"id":5129,"date":"2025-04-30T08:31:20","date_gmt":"2025-04-30T08:31:20","guid":{"rendered":"https:\/\/socob.co.ma\/?page_id=5129"},"modified":"2025-05-05T18:41:38","modified_gmt":"2025-05-05T18:41:38","slug":"intro","status":"publish","type":"page","link":"https:\/\/socob.co.ma\/","title":{"rendered":"intro"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5129\" class=\"elementor elementor-5129\" 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-b3f796d elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"b3f796d\" 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-48f927e elementor-widget elementor-widget-html\" data-id=\"48f927e\" 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\r\n<style>\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #intro-video {\r\n    width: 100vw;\r\n    height: 100vh;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n<\/style>\r\n\r\n<video id=\"intro-video\" autoplay muted playsinline>\r\n  <source src=\"https:\/\/socob.co.ma\/wp-content\/uploads\/2025\/05\/Animation-Logo-SOCOB-3D-FHD.mp4\" type=\"video\/mp4\">\r\n  Votre navigateur ne supporte pas la lecture de vid\u00e9os.\r\n<\/video>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const video = document.getElementById(\"intro-video\");\r\n\r\n    \/\/ Optionnel : lever le mute si l'utilisateur interagit\r\n    const enableSound = () => {\r\n      video.muted = false;\r\n      video.volume = 1.0;\r\n      video.play().catch((err) => console.warn(\"\u00c9chec lecture avec son :\", err));\r\n      document.removeEventListener('click', enableSound);\r\n      document.removeEventListener('touchstart', enableSound);\r\n    };\r\n    document.addEventListener('click', enableSound);\r\n    document.addEventListener('touchstart', enableSound);\r\n\r\n    \/\/ Redirection automatique apr\u00e8s la vid\u00e9o\r\n    video.addEventListener(\"ended\", function () {\r\n      window.location.href = \"\/accueil\"; \/\/ Remplace par ton URL exacte\r\n    });\r\n  });\r\n<\/script>\r\n\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const video = document.getElementById(\"intro-video\");\r\n\r\n    video.addEventListener(\"ended\", function () {\r\n      \/\/ Afficher un \u00e9cran de chargement\r\n      const loader = document.createElement(\"div\");\r\n      loader.style.position = \"fixed\";\r\n      loader.style.top = 0;\r\n      loader.style.left = 0;\r\n      loader.style.width = \"100vw\";\r\n      loader.style.height = \"100vh\";\r\n      loader.style.backgroundColor = \"#fff\";\r\n      loader.style.display = \"flex\";\r\n      loader.style.alignItems = \"center\";\r\n      loader.style.justifyContent = \"center\";\r\n      loader.innerHTML = \"<p style='font-size:20px;'>Chargement...<\/p>\";\r\n      document.body.appendChild(loader);\r\n\r\n      \/\/ Petite pause pour laisser le loader s'afficher\r\n      setTimeout(() => {\r\n        window.location.href = \"\/accueil\";\r\n      }, 100);\r\n    });\r\n  });\r\n<\/script>\r\n\r\n\r\n\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b474040 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"b474040\" 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-fdc2ca5 elementor-widget elementor-widget-html\" data-id=\"fdc2ca5\" 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\r\n<style>\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #intro-video {\r\n    width: 100vw;\r\n    height: 100vh;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n<\/style>\r\n\r\n<video id=\"intro-video\" autoplay muted playsinline>\r\n  <source src=\"https:\/\/socob.co.ma\/wp-content\/uploads\/2025\/05\/Animation-Logo-SOCOB-3D-FHD-Portrait.mp4\" type=\"video\/mp4\">\r\n  Votre navigateur ne supporte pas la lecture de vid\u00e9os.\r\n<\/video>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const video = document.getElementById(\"intro-video\");\r\n\r\n    \/\/ Optionnel : lever le mute si l'utilisateur interagit\r\n    const enableSound = () => {\r\n      video.muted = false;\r\n      video.volume = 1.0;\r\n      video.play().catch((err) => console.warn(\"\u00c9chec lecture avec son :\", err));\r\n      document.removeEventListener('click', enableSound);\r\n      document.removeEventListener('touchstart', enableSound);\r\n    };\r\n    document.addEventListener('click', enableSound);\r\n    document.addEventListener('touchstart', enableSound);\r\n\r\n    \/\/ Redirection automatique apr\u00e8s la vid\u00e9o\r\n    video.addEventListener(\"ended\", function () {\r\n      window.location.href = \"\/accueil\"; \/\/ Remplace par ton URL exacte\r\n    });\r\n  });\r\n<\/script>\r\n\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const video = document.getElementById(\"intro-video\");\r\n\r\n    video.addEventListener(\"ended\", function () {\r\n      \/\/ Afficher un \u00e9cran de chargement\r\n      const loader = document.createElement(\"div\");\r\n      loader.style.position = \"fixed\";\r\n      loader.style.top = 0;\r\n      loader.style.left = 0;\r\n      loader.style.width = \"100vw\";\r\n      loader.style.height = \"100vh\";\r\n      loader.style.backgroundColor = \"#fff\";\r\n      loader.style.display = \"flex\";\r\n      loader.style.alignItems = \"center\";\r\n      loader.style.justifyContent = \"center\";\r\n      loader.innerHTML = \"<p style='font-size:20px;'>Chargement...<\/p>\";\r\n      document.body.appendChild(loader);\r\n\r\n      \/\/ Petite pause pour laisser le loader s'afficher\r\n      setTimeout(() => {\r\n        window.location.href = \"\/accueil\";\r\n      }, 100);\r\n    });\r\n  });\r\n<\/script>\r\n\r\n\r\n\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>","protected":false},"excerpt":{"rendered":"<p>Votre navigateur ne supporte pas la lecture de vid\u00e9os. Votre navigateur ne supporte pas la lecture de vid\u00e9os.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/pages\/5129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/comments?post=5129"}],"version-history":[{"count":124,"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/pages\/5129\/revisions"}],"predecessor-version":[{"id":5927,"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/pages\/5129\/revisions\/5927"}],"wp:attachment":[{"href":"https:\/\/socob.co.ma\/en\/wp-json\/wp\/v2\/media?parent=5129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}