اختر مضيفاً يسمح بعرض الإطار
ابحث عن تعليمات المضيف أو المنشئ التي توفر عنوان تضمين أو أداة محددة. توثق itch.io مثلاً طريقة تضمين HTML5 للمشاريع المرفوعة بتنسيق متوافق. يواصل المضيف تقديم اللعبة؛ وتعرض صفحتك مشغلها. لا تفترض أن أي رابط لعبة يصلح داخل iframe أو أن تنزيل الصفحة يمنح حقوق إعادة التوزيع.
اسأل عما يتوقع المضيف إعداده: النطاقات المسموحة والأبعاد المتجاوبة وسلوك ملء الشاشة ونسبة العمل وما إذا كانت هناك نصوص أو ملفات تعريف ارتباط خارجية. إذا لم يتضح الإذن، فاتصل بالمنشئ أو اكتفِ بالرابط. أبقِ عنواناً ظاهراً ورابط تشغيل مباشراً حتى يتمكن مستخدمو لوحة المفاتيح والتقنيات المساعدة من العثور على اللعبة.
أضف إطاراً متجاوباً واختبره
استخدم مقطع التضمين الرسمي نقطة بداية. امنح iframe عنواناً وصفياً وحدد نسبة أبعاد مناسبة وقيد عرضه بمساحة المحتوى. مثلاً ضع إطار لعبة بنسبة 16:9 داخل حاوية تتكيف مع الصفحة بدلاً من عرضه بعرض ثابت قدره 1280 بكسل. لا تضف أذونات واسعة للكاميرا أو الميكروفون إلا إذا احتاجتها اللعبة فعلاً.
اختبر الصفحة على الهاتف والحاسوب مع التنقل بلوحة المفاتيح وفتح وحدة تحكم المتصفح. قد ينتج الإطار الفارغ عن قاعدة frame-ancestors في Content Security Policy لدى المضيف أو قيود المتصفح؛ ولا يمكن لتعديل صفحتك تجاوز رفض المضيف. تحقق من حالة المضيف وقدم رابط التشغيل العادي عند فشل التضمين.
أبقِ الصفحة سهلة الاستخدام حول اللعبة
أخبر الزوار قبل البدء إن كانت اللعبة تحتاج إلى صوت أو لوحة مفاتيح أو وحدة تحكم. وأبقِ التعليمات وطريقة الخروج خارج الإطار متى أمكن، فقد لا يكشف المستند المضمن عناصر التحكم الداخلية لصفحتك.
أسئلة عن تضمين لعبة في موقعك
هل يمكنني وضع أي رابط لعبة متصفح في iframe؟
لا. قد يمنع المضيف عرض الإطار وقد لا يسمح ترخيص المنشئ بالتضمين. استخدم خياراً رسمياً أو اطلب الإذن؛ والرابط هو البديل الآمن.
هل يمكن لصفحتي التحكم في لعبة مضمنة؟
غالباً لا عبر الوصول المباشر إلى iframe. تحد قواعد المصدر نفسه في المتصفح الوصول بين المواقع؛ ويتطلب التفاعل واجهة رسائل موثقة يوفرها الطرفان.
للمزيد من القراءة
هل لاحظت معلومة قديمة؟ الإبلاغ عن تصحيح