تقرير
ولمزيد من التفاصيل حول آخر التطورات في قطاع غزة، ينضم إلينا مراسلنا ناصر الشرقاوي.
.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مشاهدة تقرير مصور آخر التطورات في قطاع غزة
يذكر بـأن الموضوع التابع لـ تقرير مصور آخر التطورات في قطاع غزة قد تم نشرة ومتواجد على قد تم نشرة اليوم ( ) ومتواجد على بتوقيت بيروت_ beiruttime ( لبنان ) وقد قام فريق التحرير في برس بي بالتاكد منه وربما تم التعديل علية وربما قد يكون تم نقله بالكامل اوالاقتباس منه ويمكنك قراءة ومتابعة مستجدادت هذا الخبر او الموضوع من مصدره الاساسي.
التفاصيل من المصدر - اضغط هنا :::
وختاما نتمنى ان نكون قد قدمنا لكم من موقع Pressbee تفاصيل ومعلومات، تقرير مصور .. آخر التطورات في قطاع غزة.
آخر تحديث :
في الموقع ايضا :