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