اذهب إلى المحتوى

السؤال

نشر

السلام عليكم.

مشكلة جافاسكربت - عرض معلومات فيديو عند النقر عليه

لماذا الكود التالي لايعمل علما و أنّ console لايظهر أي خطأ عند الضغط على العنصر المحدد

const video = document.querySelector('.video-wrapper video')
video.addEventListener('click', ()=>{
    console.log(video);
})

شيفرة html

<div class="video-wrapper">
            <video src="./images/about-us.mp4" poster="images/about.jpg"></video>

شكرا

Recommended Posts

  • 0
نشر
  بتاريخ On 15‏/7‏/2022 at 21:29 قال Wael Aljamal:

الشيفرة صحيحة، تأكد من تضمين ملف جافاسكربت في نهاية الوسم body لضمان تحميل HTML و تفسيرها

ولمن ما الهدف منها؟

أظهر المزيد  

لا للأسف

ممكن يكون مشكل بسبب css

  • 0
نشر
  بتاريخ On 15‏/7‏/2022 at 21:45 قال Wael Aljamal:

أرجو إرفاق كامل الشيفرة لأستطيع تجريبها (أرفقها كملف أو مشروع لأن الخطأ غير واضح لديك)

أظهر المزيد  

ممكن أرسل الملف كاملا لأنه مشروع متكامل

  بتاريخ On 15‏/7‏/2022 at 21:46 قال محمود سعداوي:

ممكن أرسل الملف كاملا لأنه مشروع متكامل

أظهر المزيد  

Web Agency.zipFetching info...

  • 0
نشر
  بتاريخ On 15‏/7‏/2022 at 21:46 قال محمود سعداوي:

ممكن أرسل الملف كاملا لأنه مشروع متكامل

Web Agency.zipFetching info...

أظهر المزيد  

لم تظهر مشكلة، 25 نقرة على الفيديو مع 25 رسالة مطبوعة

إن كنت ترغب في إضافة عناصر التحكم controls أضفها للوسم vedio

<video src="./images/about-us.mp4" poster="images/about.jpg" controls></video>
                                                            ^^^^^^^^^^^

 

  • 0
نشر
  بتاريخ On 16‏/7‏/2022 at 01:07 قال Wael Aljamal:

لم تظهر مشكلة، 25 نقرة على الفيديو مع 25 رسالة مطبوعة

إن كنت ترغب في إضافة عناصر التحكم controls أضفها للوسم vedio

<video src="./images/about-us.mp4" poster="images/about.jpg" controls></video>
                                                            ^^^^^^^^^^^

 

أظهر المزيد  

أنا أيضا قمت بإخراج .video-wrapper من الملف الحالي و العمل عليها داخل ملف آخر لوحدها و لم أجد أي مشكل.

لم أدر ما السبب.

شكرا للمساعدة.

  • 0
نشر
  بتاريخ On 16‏/7‏/2022 at 03:39 قال محمود سعداوي:

أنا أيضا قمت بإخراج .video-wrapper من الملف الحالي و العمل عليها داخل ملف آخر لوحدها و لم أجد أي مشكل.

لم أدر ما السبب.

شكرا للمساعدة.

أظهر المزيد  

إن كان هنالك تخزين مؤقت عالق في المتصفح، حدث الصفحة ب ctrl + f5

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...