لتضمين أي فيديو، نقوم ببساطة بلصق رابط الفيديو عند إنشاء موضوع.
ولكن، لماذا عندما أقوم بتضمين فيديو يوتيوب (انظر أدناه) فإنه يمتد من طرف إلى طرف؟ بينما عندما أقوم بتضمين فيديو من فيميو، فإنه لا يمتد من طرف إلى طرف.
هل يمكن إصلاح هذا؟
لم أر أي فرق حتى لو قمت بتخصيص حجم الفيديو في كود تضمين فيميو. لا يزال الفيديو يعرض بنفس الطريقة مثل لصق رابط الفيديو.
في كلتا الحالتين، كل ما أفعله هو لصق عنوان URL للفيديو.
يبدو أنني لا أستطيع تضمين فيديو هنا. لذا إليك بعض لقطات الشاشة من مجتمعي. عرض فيديو فيميو أقصر من عرض فيديو يوتيوب. هل هناك طريقة لجعل فيديو فيميو يتوسع أيضًا إلى أقصى عرض مسموح به؟
PR تعني “طلب سحب” (pull request)، وتشير إلى GitHub. في الأساس، هذا يعني أن فالكو أجرى تغييرًا على كود Discourse، ويتطلع إلى مراجعة هذا التغيير قبل دمجه في Discourse.
سيتم تحديث موقع Discourse هذا، meta.discourse.org، تلقائيًا مع كل تغيير يجريه أحد مهندسينا. لم يتم نشر موقعك تلقائيًا مثل هذا - نقوم بنشر التحديثات للعملاء على أساس منتظم، ولكن أقل تكرارًا. لقد بدأت بالفعل في نشر (تحديث) لموقعك. يجب أن يكتمل النشر في حوالي 30 دقيقة.
بمجرد اكتمال النشر، ستحتاج إلى إعادة بناء المنشور. للقيام بذلك، انقر فوق الزر “إظهار المزيد” أسفل المنشور، ثم انقر فوق مفتاح الربط الخاص بالمسؤول. أخيرًا، انقر فوق “إعادة بناء HTML”.
إنهم يواجهون غرابة في حجم التضمين. حتى بعد هذا الالتزام، يظل حجم مقاطع الفيديو الخاصة صغيرًا. آمل أن تكون هناك طريقة لجعل تلك العروض كاملة العرض أيضًا؟
لماذا لا يتم تطبيق هذا المنطق نفسه على أي مصدر OneBox يحدد صراحةً ارتفاعه وعرضه ويتم تضمينه في النهاية عبر iframe؟
الأفكار والنهج
من الناحية النظرية، إذا كان لدينا بالفعل الارتفاع/العرض الصريح ويتم تحديده في iframe، يمكن استخدام نفس النهج العام مع تحديد نسبة العرض إلى الارتفاع لجعل الأمور قابلة للتطوير بشكل عام.
على سبيل المثال، أقوم بتضمين المزيد والمزيد من عروض الفيديو في مجتمعنا، لذا تحولت إلى Bunny.net، المعروفة بشبكة توصيل المحتوى الخاصة بها، وخدمة Bunny Stream الخاصة بها لتحميل وتضمين مقاطع الفيديو.
بعد إضافة video.bunnycdn.com و iframe.mediadelivery.net إلى إعدادات iframe المسموح بها، يمكنني بسهولة لصق عنوان URL من Bunny Stream ويتم تحويله إلى OneBox باستخدام إحدى الطرق الاحتياطية العامة… ولكن نسبة العرض إلى الارتفاع تصبح غريبة حقًا عند عرضها على جهاز محمول.
كحل سريع، قمت بكتابة مكون سمة بسيط يستخدم واجهة برمجة تطبيقات المكون الإضافي و decorateCookedElement لتحديث iframe بمعلومات نسبة العرض إلى الارتفاع.
