عاجل | تقرير مصور | المغرب وفرنسا في مواجهة مرتقبة الليلة بافتتاح ربع نهائي كأس العالم

video, manar, target, wrap, function🚨 عاجل 📌 ملخص الخبر:عاجل | تقرير مصور | المغرب وفرنسا في مواجهة مرتقبة الليلة بافتتاح ربع نهائي كأس العالم في الرياضة : لقاء منتظر بين المغرب وفرنسا الليلة , في افتتاح الدور ربع النهائي من منافسات كأس العالم لكرة القدم. تقرير : كريم سعد .manar-video-wrapper{ position: relative; width: 100%; } .manar-video-wrapper video{ display:block; width:100%; height:auto; } .manar-play-btn{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:84px; height:84px; border-radius:999px; border:0; cursor:pointer; display:flex; align-items:center; justify-content:center; background: var(--manar-yellow); backdrop-filter: blur(2px); transition: opacity .15s ease, transform .15s ease; z-index: 2; } .manar-play-btn:hover{ transform:translate(-50%,-50%) scale(1.04); } .manar-icon-play{ width:0;height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:22px solid #fff; margin-left:4px; } .manar-video-wrapper.is-playing .manar-play-btn{ opacity:0; pointer-events:none; } (function(){ // Avoid double-binding if theme/plugin prints shortcodes in weird ways if (window.__manarVideoInit) return; window.__manarVideoInit = true; function getWrapper(el){ return el ? el.closest(".manar-video-wrapper") : null; } function getVideoFromWrapper(wrap){ return wrap ? wrap.querySelector("video.manar-video") : null; } function setPlayingUI(wrap, isPlaying){ if(!wrap) return; wrap.classList.toggle("is-playing", !!isPlaying); var btn = wrap.querySelector(".manar-play-btn"); if(btn) btn.setAttribute("aria-pressed", isPlaying ? "true" : "false"); } function togglePlay(video){ if(!video) return; if(video.paused || video.ended) video.play(); else video.pause(); } // Event delegation: handles multiple videos + dynamically added ones document.addEventListener("click", function(e){ var btn = e.target.closest && e.target.closest(".manar-play-btn"); if(btn){ var wrap = getWrapper(btn); var video = getVideoFromWrapper(wrap); e.preventDefault(); togglePlay(video); return; } var vid = e.target.closest && e.target.closest("video.manar-video"); if (vid && !vid.hasAttribute("controls")) { // optional: click video toggles play/pause togglePlay(vid); } }); // Keep UI in sync for ALL videos (capture catches events in modern browsers) document.addEventListener("play", function(e){ if(e.target && e.target.matches && e.target.matches("video.manar-video")){ setPlayingUI(getWrapper(e.target), true); } }, true); document.addEventListener("pause", function(e){ if(e.target && e.target.matches && e.target.matches("video.manar-video")){ setPlayingUI(getWrapper(e.target), false); } }, true); document.addEventListener("ended", function(e){ if(e.target && e.target.matches && e.target.matches("video.manar-video")){ setPlayingUI(getWrapper(e.target), false); } }, true); // Initialize current videos (in case some are autoplaying or rendered paused) function initExisting(){ document.querySelectorAll(".manar-video-wrapper").forEach(function(wrap){ var video = getVideoFromWrapper(wrap); if(!video) return; setPlayingUI(wrap, !(video.paused || video.ended)); }); } if(document.readyState === "loading"){ document.addEventListener("DOMContentLoaded", initExisting); }else{ initExisting(); } })(); المصدر الأصلي: www.almanar.com.lb 🔥 مقالات ذات صلة • عاجل | مشاهد من مراسم تشييع القائد الشهيد في مدينة مشهد• عاجل | يوميات الحرب على لبنان 08072026• عاجل | بعد 73 يوماً في الغيبوبة .. وفاة ابنة وحيد سيف تحدث موجة من الحزن

عاجل | تقرير مصور | المغرب وفرنسا في مواجهة مرتقبة الليلة بافتتاح ربع نهائي كأس العالم

1008420pwpadmin

إسرائيل تعلن أسماء الذين تمّت «تصفيتهم» في إيران اليوم…

كيف يساعد شغف رجل واحد بالتاريخ الجمهور

عاجل إعلام العدو صافرات الإنذار تدوي في إيلات تحسبا لتسلل طائرات مسيرة

الإمارات.. التصدي لـ346 صاروخاً ومسيّرة و4 إصابات بمطار دبي

صواريخ في الجو.. انفجارات قوية في جنوب لبنان

ما هي الدول التي هاجمها ترامب منذ عودته إلى منصبه؟ | أخبار دونالد ترامب

🔥 مقالات ذات صلة

1008420pwpadmin

مقالات ذات صلة

عاجل | ** البيال: حقيقة الإشكالات بين أزمة المساعدة وصناعة الخوف**

حرس الثورة یستهدف سفینتین أمریکیتین و8 ناقلات نفط و10 سفن مخالفة في مضیق هرمز

عاجل | الرئيس السوري أحمد الشرع استقبل رئيس مجلس الوزراء اللبناني السابق نجيب ميقاتي في قصر الشعب بدمشق (📷 صورة)

عاجل | *قلعة بعلبك و”خرائط روما”.. هل لفّقت MTV الرواية؟ إليكم القصة الكاملة*