{"id":5,"date":"2026-05-12T08:41:23","date_gmt":"2026-05-12T08:41:23","guid":{"rendered":"https:\/\/magaltv.live\/?page_id=5"},"modified":"2026-06-27T22:38:09","modified_gmt":"2026-06-27T22:38:09","slug":"magal-tv","status":"publish","type":"page","link":"https:\/\/magaltv.live\/","title":{"rendered":"Magal TV"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5\" class=\"elementor elementor-5\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2124b2f4 e-con-full e-flex e-con e-parent\" data-id=\"2124b2f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25b1a094 elementor-widget elementor-widget-text-editor\" data-id=\"25b1a094\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- ============================================================\n     MAGAL TV WIDGET \u2014 HTML + CSS (v4)\n     \u00b7 Z\u00e9ro padding ext\u00e9rieur\n     \u00b7 Responsive mobile-first\n     \u00b7 JS s\u00e9par\u00e9 : magal-tv-widget.js\n     ============================================================ -->\n\n<div id=\"magal-tv-widget\">\n<div style=\"background:#0a0f08;border:1px solid #1e2e1a;overflow:hidden;\">\n\n  <!-- \u2500\u2500 TOPBAR \u2500\u2500 -->\n  <div class=\"mtv-topbar\">\n    <div style=\"display:flex;align-items:center;gap:8px;\">\n      <span id=\"mtv-live-dot\"><\/span>\n      <span class=\"mtv-live-label\">En direct<\/span>\n    <\/div>\n    <div style=\"display:flex;align-items:center;\">\n      <span class=\"mtv-logo-magal\">MAGAL<\/span>\n      <span class=\"mtv-logo-tv\">TV<\/span>\n      <span class=\"mtv-logo-off\">L&#8217;Officiel<\/span>\n    <\/div>\n    <a href=\"https:\/\/www.youtube.com\/@MAGALTVENDIRECT\/videos\" target=\"_blank\" class=\"mtv-chain-btn\">\u25b6 Cha\u00eene<\/a>\n  <\/div>\n\n  <!-- \u2500\u2500 PLAYER \u2500\u2500 -->\n  <div style=\"background:#000;position:relative;\">\n    <div class=\"mtv-badge-live\">\n      <span class=\"mtv-dot-small\"><\/span>MAGAL TV LIVE\n    <\/div>\n    <div class=\"mtv-badge-touba\">GRAND MAGAL DE TOUBA<\/div>\n    <div class=\"mtv-ratio\">\n      <iframe id=\"magal-live-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/videoseries?list=PLUw-0N-Li1kVLo3HOSry295evd2TbAWZ6&#038;autoplay=1&#038;mute=1&#038;rel=0&#038;modestbranding=1\"\n        style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:0;\"\n        allow=\"autoplay; encrypted-media; picture-in-picture\" allowfullscreen>\n      <\/iframe>\n    <\/div>\n    <div class=\"mtv-player-footer\">\n      <div class=\"mtv-player-title\">Suivez le Grand Magal de Touba en direct<\/div>\n      <div class=\"mtv-player-sub\"><span style=\"color:#2db642;\">\u25cf<\/span> \u00c9v\u00e9nements religieux \u00b7 Contenus exclusifs \u00b7 24h\/24<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 TICKER \u2500\u2500 -->\n  <div class=\"mtv-ticker-wrap\">\n    <div class=\"mtv-ticker-badge\">\n      <span class=\"mtv-dot-gold\"><\/span>INFO\n    <\/div>\n    <div class=\"mtv-ticker-track\">\n      <div class=\"mtv-ticker-inner\">Grand Magal de Touba &nbsp;\u2022&nbsp; Suivez les \u00e9v\u00e9nements en direct &nbsp;\u2022&nbsp; Touba, S\u00e9n\u00e9gal &nbsp;\u2022&nbsp; Restez connect\u00e9s &nbsp;\u2022&nbsp; Magal TV L&#8217;Officiel 24h\/24 &nbsp;\u2022&nbsp; \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0644\u0645\u06ad\u0644 \u0637\u0648\u0628\u0649 &nbsp;\u2022&nbsp; Grand Magal de Touba &nbsp;\u2022&nbsp; Suivez les \u00e9v\u00e9nements en direct &nbsp;\u2022&nbsp; Touba, S\u00e9n\u00e9gal &nbsp;\u2022&nbsp; Restez connect\u00e9s &nbsp;\u2022&nbsp; Magal TV L&#8217;Officiel 24h\/24 &nbsp;\u2022&nbsp; \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0644\u0645\u06ad\u0644 \u0637\u0648\u0628\u0649 &nbsp;\u2022&nbsp;<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 SECTION VID\u00c9OS \u2500\u2500 -->\n  <div class=\"mtv-videos-section\">\n\n    <div class=\"mtv-section-head\">\n      <div>\n        <div class=\"mtv-section-eyebrow\">\u2726 S\u00e9lection Magal TV<\/div>\n        <h2 class=\"mtv-section-title\">Top Vid\u00e9os<\/h2>\n      <\/div>\n      <a href=\"https:\/\/www.youtube.com\/@MAGALTVENDIRECT\/videos\" target=\"_blank\" class=\"mtv-voir-tout\">Voir tout \u2192<\/a>\n    <\/div>\n\n    <div class=\"mtv-separator\"><\/div>\n\n    <div id=\"magalVideosList\" class=\"mtv-grid\">\n      <div class=\"mtv-sk\" style=\"aspect-ratio:16\/9;border-radius:10px;\"><\/div>\n      <div class=\"mtv-sk\" style=\"aspect-ratio:16\/9;border-radius:10px;\"><\/div>\n      <div class=\"mtv-sk\" style=\"aspect-ratio:16\/9;border-radius:10px;\"><\/div>\n      <div class=\"mtv-sk\" style=\"aspect-ratio:16\/9;border-radius:10px;\"><\/div>\n      <div class=\"mtv-sk\" style=\"height:55px;border-radius:10px;\"><\/div>\n      <div class=\"mtv-sk\" style=\"height:55px;border-radius:10px;\"><\/div>\n      <div class=\"mtv-sk\" style=\"height:55px;border-radius:10px;\"><\/div>\n      <div class=\"mtv-sk\" style=\"height:55px;border-radius:10px;\"><\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u2500\u2500 FOOTER \u2500\u2500 -->\n  <div class=\"mtv-footer\">\n    <div style=\"font-size:11px;color:#444;\">\u00a9 Magal TV \u2014 Grand Magal de Touba<\/div>\n    <div style=\"display:flex;align-items:center;gap:6px;\">\n      <span style=\"width:6px;height:6px;border-radius:50%;background:#2db642;display:inline-block;\"><\/span>\n      <span style=\"font-size:11px;color:#2db642;font-weight:700;\">Diffusion en cours<\/span>\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<style>\n\/* \u2500\u2500 Reset widget \u2500\u2500 *\/\n#magal-tv-widget {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  font-family: 'Segoe UI', Arial, sans-serif;\n  box-sizing: border-box;\n}\n#magal-tv-widget * { box-sizing: border-box; }\n\n\/* \u2500\u2500 Topbar \u2500\u2500 *\/\n.mtv-topbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 11px 16px;\n  background: #060d05;\n  border-bottom: 1px solid #162412;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n#mtv-live-dot {\n  width: 9px; height: 9px;\n  border-radius: 50%;\n  background: #e8c020;\n  box-shadow: 0 0 8px rgba(232,192,32,0.7);\n  display: inline-block;\n  animation: mtvPulse 1.3s ease-in-out infinite;\n}\n.mtv-live-label { font-size: 11px; font-weight: 900; color: #e8c020; letter-spacing: 2px; text-transform: uppercase; }\n.mtv-logo-magal { font-size: 17px; font-weight: 900; color: #2db642; font-style: italic; }\n.mtv-logo-tv    { font-size: 11px; font-weight: 900; color: #fff; background: #2db642; padding: 2px 6px; border-radius: 4px; margin-left: 4px; }\n.mtv-logo-off   { font-size: 9px; font-weight: 800; color: #e8c020; background: #1a1a00; border: 1px solid #e8c020; padding: 1px 5px; border-radius: 3px; margin-left: 5px; letter-spacing: .8px; text-transform: uppercase; }\n.mtv-chain-btn  { text-decoration: none; color: #aaa; font-size: 11px; font-weight: 700; border: 1px solid #253520; padding: 5px 11px; border-radius: 7px; white-space: nowrap; }\n\n\/* \u2500\u2500 Player \u2500\u2500 *\/\n.mtv-ratio { position: relative; padding-bottom: 56.25%; height: 0; }\n.mtv-badge-live {\n  position: absolute; top: 12px; left: 12px; z-index: 9;\n  display: flex; align-items: center; gap: 6px;\n  background: rgba(10,60,10,0.92); border: 1px solid rgba(45,182,66,0.5);\n  color: #fff; padding: 5px 12px; border-radius: 6px;\n  font-size: 10px; font-weight: 900; letter-spacing: 1.1px; pointer-events: none;\n}\n.mtv-badge-touba {\n  position: absolute; top: 12px; right: 12px; z-index: 9;\n  background: rgba(10,60,10,0.88); border: 1px solid rgba(232,192,32,0.4);\n  color: #e8c020; padding: 4px 10px; border-radius: 6px;\n  font-size: 9px; font-weight: 800; letter-spacing: .8px; pointer-events: none;\n}\n.mtv-dot-small { width: 6px; height: 6px; border-radius: 50%; background: #2db642; display: inline-block; }\n.mtv-player-footer {\n  position: absolute; left: 0; right: 0; bottom: 0;\n  padding: 20px 16px 14px;\n  background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);\n  pointer-events: none;\n}\n.mtv-player-title { font-size: 16px; font-weight: 900; color: #fff; line-height: 1.3; text-shadow: 0 2px 8px rgba(0,0,0,0.7); }\n.mtv-player-sub   { font-size: 11px; color: rgba(255,255,255,0.75); margin-top: 4px; }\n\n\/* \u2500\u2500 Ticker \u2500\u2500 *\/\n.mtv-ticker-wrap {\n  background: #040d03;\n  border-top: 1px solid #162412;\n  border-bottom: 1px solid #162412;\n  height: 40px;\n  display: flex;\n  align-items: stretch;\n  overflow: hidden;\n  position: relative;\n}\n.mtv-ticker-badge {\n  position: absolute; left: 0; top: 0; bottom: 0; z-index: 2;\n  background: #2db642; color: #fff;\n  font-size: 10px; font-weight: 900; letter-spacing: 1.2px;\n  padding: 0 13px;\n  display: flex; align-items: center; gap: 6px;\n  white-space: nowrap;\n}\n.mtv-dot-gold { width: 7px; height: 7px; border-radius: 50%; background: #e8c020; display: inline-block; flex-shrink: 0; }\n.mtv-ticker-track {\n  position: absolute; left: 70px; right: 0; top: 0; bottom: 0;\n  overflow: hidden; display: flex; align-items: center;\n}\n.mtv-ticker-inner {\n  display: inline-block;\n  white-space: nowrap;\n  font-size: 12px; font-weight: 600; color: #bbb;\n  animation: mtvTicker 35s linear infinite;\n  transform: translateX(100%);\n}\n\n\/* \u2500\u2500 Section vid\u00e9os \u2500\u2500 *\/\n.mtv-videos-section { padding: 20px 16px 24px; }\n.mtv-section-head {\n  display: flex; align-items: flex-end;\n  justify-content: space-between;\n  margin-bottom: 14px;\n  flex-wrap: wrap; gap: 10px;\n}\n.mtv-section-eyebrow { font-size: 10px; font-weight: 900; letter-spacing: 2px; color: #e8c020; text-transform: uppercase; margin-bottom: 5px; }\n.mtv-section-title   { margin: 0; font-size: 22px; color: #f0f0f0; font-weight: 900; line-height: 1.1; }\n.mtv-voir-tout       { text-decoration: none; color: #2db642; font-weight: 800; font-size: 13px; border: 1px solid #253520; padding: 7px 14px; border-radius: 8px; white-space: nowrap; }\n.mtv-separator       { height: 2px; background: linear-gradient(90deg,#2db642,#e8c020,transparent); border-radius: 2px; margin-bottom: 16px; }\n\n\/* \u2500\u2500 Grille : mobile-first \u2500\u2500 *\/\n.mtv-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0,1fr)); \/* 2 col par d\u00e9faut mobile *\/\n  gap: 10px;\n}\n@media (min-width: 600px)  { .mtv-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; } }\n@media (min-width: 900px)  { .mtv-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; } }\n@media (min-width: 1200px) { .mtv-grid { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; } }\n\n\/* \u2500\u2500 Cartes vid\u00e9o \u2500\u2500 *\/\n.mtv-video-card {\n  cursor: pointer;\n  border: 1px solid #1a2e16;\n  border-radius: 10px;\n  overflow: hidden;\n  background: #0b130a;\n  display: flex; flex-direction: column;\n  transition: transform .22s, border-color .22s, box-shadow .22s;\n}\n.mtv-video-card:hover {\n  transform: translateY(-4px);\n  border-color: #2db642;\n  box-shadow: 0 12px 28px rgba(45,182,66,0.18);\n}\n.mtv-thumb {\n  width: 100%; aspect-ratio: 16\/9;\n  display: block; object-fit: cover;\n  background: #060d05;\n  transition: transform .35s ease;\n}\n.mtv-video-card:hover .mtv-thumb { transform: scale(1.05); }\n.mtv-po {\n  position: absolute; inset: 0;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(0,0,0,0.38);\n  opacity: 0; transition: opacity .2s;\n}\n.mtv-video-card:hover .mtv-po { opacity: 1; }\n.mtv-play-btn {\n  width: 38px; height: 38px;\n  border-radius: 50%;\n  background: rgba(45,182,66,0.92);\n  display: flex; align-items: center; justify-content: center;\n  transform: scale(0.85); transition: transform .2s;\n}\n.mtv-video-card:hover .mtv-play-btn { transform: scale(1); }\n.mtv-vt {\n  font-size: 11px; font-weight: 700; color: #e0e0e0;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 Skeleton \u2500\u2500 *\/\n.mtv-sk {\n  background: linear-gradient(90deg,#111 25%,#1c1c1c 50%,#111 75%);\n  background-size: 600px 100%;\n  animation: mtvShimmer 1.4s infinite;\n}\n\n\/* \u2500\u2500 Footer \u2500\u2500 *\/\n.mtv-footer {\n  padding: 12px 16px;\n  background: #040d03;\n  border-top: 1px solid #162412;\n  display: flex; align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap; gap: 8px;\n}\n\n\/* \u2500\u2500 Topbar responsive \u2500\u2500 *\/\n@media (max-width: 480px) {\n  .mtv-badge-touba { display: none; }\n  .mtv-player-title { font-size: 13px; }\n  .mtv-section-title { font-size: 18px; }\n  .mtv-logo-off { display: none; }\n}\n\n\/* \u2500\u2500 Keyframes \u2500\u2500 *\/\n@keyframes mtvTicker {\n  0%   { transform: translateX(100%); }\n  100% { transform: translateX(-100%); }\n}\n@keyframes mtvPulse {\n  0%,100% { opacity:1; transform:scale(1); }\n  50%      { opacity:.3; transform:scale(1.5); }\n}\n@keyframes mtvShimmer {\n  0%   { background-position: -600px 0; }\n  100% { background-position:  600px 0; }\n}\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>En direct MAGAL TV L&#8217;Officiel \u25b6 Cha\u00eene MAGAL TV LIVE GRAND MAGAL DE TOUBA Suivez le Grand Magal de Touba en direct \u25cf \u00c9v\u00e9nements religieux \u00b7 Contenus exclusifs \u00b7 24h\/24 INFO Grand Magal de Touba &nbsp;\u2022&nbsp; Suivez les \u00e9v\u00e9nements en direct &nbsp;\u2022&nbsp; Touba, S\u00e9n\u00e9gal &nbsp;\u2022&nbsp; Restez connect\u00e9s &nbsp;\u2022&nbsp; Magal TV L&#8217;Officiel 24h\/24 &nbsp;\u2022&nbsp; \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magaltv.live\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magaltv.live\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magaltv.live\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magaltv.live\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magaltv.live\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":26,"href":"https:\/\/magaltv.live\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/magaltv.live\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/magaltv.live\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}