كيفية تعطيل التحميل التلقائي لـ ؟
سؤال
قمت بتضمين مشغل وسائط افتراضي في صفحة الويب الخاصة بي مع 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 الموجودة في الوالد ، والتي في هذه الحالة ، هي الصورة.