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