// تعريف الدالة CreateHomeVideo()
const CreateHomeVideo = () => {
// إنشاء عنصر div لمقطع الفيديو المخصص للأجهزة المحمولة والأجهزة اللوحية
const mobileVideo = document.createElement('div');
mobileVideo.classList.add('home-video');
// تعيين محتوى HTML لمقطع الفيديو المخصص للأجهزة المحمولة والأجهزة اللوحية
mobileVideo.innerHTML = `
`;
// إنشاء عنصر div لمقطع الفيديو المخصص لأجهزة الكمبيوتر
const desktopVideo = document.createElement('div');
desktopVideo.classList.add('home-video');
// تعيين محتوى HTML لمقطع الفيديو المخصص لأجهزة الكمبيوتر
desktopVideo.innerHTML = `
`;
// العثور على العنصر section الأول داخل العنصر div الذي له الفئة CSS "index"
const section = document.querySelector('.index section:first-of-type');
// إذا تم العثور على العنصر section
if (section) {
// إذا كان الجهاز جهازًا محمولًا أو لوحيًا، قم بإدراج مقطع الفيديو المخصص له
if (isMobile()) {
section.before(mobileVideo);
}
// إلا إذا كان الجهاز جهاز كمبيوتر، قم بإدراج مقطع الفيديو المخصص له
else {
section.before(desktopVideo);
}
}
};
// تعريف الدالة isMobile() للتحقق من نوع الجهاز
function isMobile() {
// يُرجى ملاحظة أن حجم الشاشة الذي يُعتبر "محمولًا" هنا هو أقل من 768 بكسل، وهو قيمة شائعة للأجهزة المحمولة والأجهزة اللوحية
return window.matchMedia("(max-width: 768px)").matches;
}
// استماع لحدث التحميل واستدعاء الدالة CreateHomeVideo() عندما يتم تحميل الصفحة
window.addEventListener('load', () => {
CreateHomeVideo();
});
document.querySelector(".product__description").innerHTML+=
` `;