في قطاع غزة، يتواصل العدوان الصهيوني على مختلف المناطق، وسط أوضاع إنسانية وأمنية متدهورة. ويواكب مدير مكتبنا عماد عيد آخر التطورات الميدانية، مع استمرار الاستهدافات وتداعياتها على السكان والبنية التحتية في القطاع.
.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();
}
})();
