سؤال

قمت بتضمين مشغل وسائط افتراضي في صفحة الويب الخاصة بي مع HTML التالية

<object height="20" width="200"> <embed src="url to music" autostart="false" loop="false" height="20" width="200"> </object>

في كل مرة أذهب فيها إلى موقع الويب ، يقوم هذا الكائن بتنزيل الموسيقى تلقائيًا. كيف يمكنني تعطيل التحميل التلقائي؟ أريد تحميله فقط عندما ينقر شخص ما على زر التشغيل.

هل كانت مفيدة؟

المحلول

لقد كنت أبحث حولي اليوم ، ولا أرى أي طريقة لتوجيه المتصفح للقيام بذلك بالضبط.

أفضل طريقة يمكنني التفكير فيها هي بدلاً من <object ...>, ، يمكنك عرض صورة تشبه المشغل ، ثم يمكنك إضافة خاصية OnClick إلى الصورة ، وتستخدم JavaScript لاستبدال الصورة بالكائن الحقيقي. شيء مثل :

  <div><img src="player.png" onclick="this.parentNode.innerHTML = '<object height=\'20\' width=\'200\'> <embed src=\'url-to-music\' autostart=\'false\' loop=\'false\' height=\'20\' width=\'200\'> </object>'"></div>

يجب أن أضيف أنه يجب عليك الاحتفاظ <div> حول الصورة (أو ضع <span>, أو أي علامة تراه مناسبة) لأن إجراء Onclick يستبدل parentNode.innerHTML, ، أي أن HTML الموجودة في الوالد ، والتي في هذه الحالة ، هي الصورة.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top