لماذا لا يتم تطبيق هذا المنطق نفسه على أي مصدر OneBox يحدد صراحةً ارتفاعه وعرضه ويتم تضمينه في النهاية عبر iframe؟
الأفكار والنهج
من الناحية النظرية، إذا كان لدينا بالفعل الارتفاع/العرض الصريح ويتم تحديده في iframe، يمكن استخدام نفس النهج العام مع تحديد نسبة العرض إلى الارتفاع لجعل الأمور قابلة للتطوير بشكل عام.
على سبيل المثال، أقوم بتضمين المزيد والمزيد من عروض الفيديو في مجتمعنا، لذا تحولت إلى Bunny.net، المعروفة بشبكة توصيل المحتوى الخاصة بها، وخدمة Bunny Stream الخاصة بها لتحميل وتضمين مقاطع الفيديو.
بعد إضافة video.bunnycdn.com و iframe.mediadelivery.net إلى إعدادات iframe المسموح بها، يمكنني بسهولة لصق عنوان URL من Bunny Stream ويتم تحويله إلى OneBox باستخدام إحدى الطرق الاحتياطية العامة… ولكن نسبة العرض إلى الارتفاع تصبح غريبة حقًا عند عرضها على جهاز محمول. ![]()
كحل سريع، قمت بكتابة مكون سمة بسيط يستخدم واجهة برمجة تطبيقات المكون الإضافي و decorateCookedElement لتحديث iframe بمعلومات نسبة العرض إلى الارتفاع.