بالفيديو| تفجير بين مركبا وبني حيان

.منار-مغلف الفيديو{
الموقف: نسبي؛
العرض: 100%؛
}
.منار-فيديو-مغلف الفيديو{
عرض:كتلة؛
العرض: 100%؛
الارتفاع: تلقائي؛
}
.منار-تشغيل-btn{
الموقف:مطلق؛
اليسار:50%;
أعلى:50%;
تحويل:ترجمة(-50%,-50%));
العرض: 84 بكسل؛
الارتفاع: 84 بكسل؛
نصف قطر الحدود: 999 بكسل؛
الحدود:0؛
المؤشر:المؤشر؛
عرض: فليكس؛
محاذاة العناصر:مركز؛
ضبط المحتوى:مركز؛
الخلفية: var(–manar-yellow);
مرشح الخلفية: طمس (2 بكسل)؛
الانتقال: العتامة .15 ثانية سهولة، التحويل .15 ثانية سهولة؛
مؤشر z: 2؛
}

.منار-أيقونة-تشغيل{
العرض:0;الارتفاع:0;
الحدود العلوية: 14 بكسل شفاف خالص؛
الحد السفلي: 14 بكسل شفاف خالص؛
الحدود اليسرى: 22 بكسل الصلبة #fff؛
الهامش الأيسر: 4 بكسل؛
}

(وظيفة (){
// تجنب الربط المزدوج إذا كان السمة/المكون الإضافي يطبع رموزًا قصيرة بطرق غريبة
if (window.__manarVideoInit) return;

دالة getWrapper(el){
العودة إل؟ el. Closest(“.manar-video-wrapper”) : null;
}
وظيفة getVideoFromWrapper(wrap){
التفاف العودة؟ Wrap.querySelector(“video.manar-video”) : null;
}
وظيفة setPlayingUI(wrap,isPlaying){
إذا (! التفاف) العودة؛
Wrap.classList.toggle(“is-playing”, !!isPlaying);
var btn = Wrap.querySelector(“.manar-play-btn”);
if(btn) btn.setAttribute(“aria-pressed”, isPlaying ? “true” : “false”);
}
وظيفة تبديل التشغيل (الفيديو) {
إذا (! فيديو) العودة؛
if(video.paused || video.end) video.play();
آخر video.pause();
}
// تفويض الحدث: يتعامل مع مقاطع فيديو متعددة + مقاطع فيديو تمت إضافتها ديناميكيًا
document.addEventListener(“انقر”، function(e){
var btn = e.target. Closest && e.target. Closest(“.manar-play-btn”);
إذا (BTN){
var Wrap = getWrapper(btn);
var video = getVideoFromWrapper(wrap);
e.preventDefault();
تبديل تشغيل(فيديو);
عودة؛
}
var vid = e.target. Closest && e.target. Closest(“video.manar-video”);
إذا (vid && !vid.hasAttribute(“controls”)) {
// اختياري: انقر فوق الفيديو لتبديل التشغيل/الإيقاف المؤقت
togglePlay(vid);
}
});
// حافظ على مزامنة واجهة المستخدم لجميع مقاطع الفيديو (التقاط الأحداث في المتصفحات الحديثة)
document.addEventListener(“play”, function(e){
if(e.target && e.target.matches && e.target.matches(“video.manar-video”)){
setPlayingUI(getWrapper(e.target), true);
}
}, صحيح);
document.addEventListener(“pause”، function(e){
if(e.target && e.target.matches && e.target.matches(“video.manar-video”)){
setPlayingUI(getWrapper(e.target), false);
}
}, صحيح);
document.addEventListener(“انتهت”، وظيفة(e){
if(e.target && e.target.matches && e.target.matches(“video.manar-video”)){
setPlayingUI(getWrapper(e.target), false);
}
}, صحيح);
// تهيئة مقاطع الفيديو الحالية (في حالة تشغيل بعضها تلقائيًا أو إيقافها مؤقتًا)
الدالة initExisting(){
document.querySelectorAll(“.manar-video-wrapper”).forEach(function(wrap){
var video = getVideoFromWrapper(wrap);
إذا (! فيديو) العودة؛
setPlayingUI(wrap, !(video.paused || video.end));
});
}
إذا (document.readyState === “جارٍ التحميل”){
document.addEventListener(“DOMContentLoaded”, initExisting);
}آخر{
initExisting();
}
})();