alexmas
25 أبريل 2023، 3:52م
1
مرحباً
أحاول تضمين مقاطع فيديو bunny.net Stream في منتداي، لكنها لا تعمل.
الرابط المباشر يعرض فقط معاينة للصورة:
ورمز التضمين باستخدام iframe لا يعرض شيئاً:
<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
رمز:
<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
Falco
25 أبريل 2023، 3:58م
2
هل قمت بإضافة https://iframe.mediadelivery.net/embed/ إلى إعداد الموقع allowed iframes قبل النشر؟
Canapin
25 أبريل 2023، 3:59م
3
أعتقد أن هذا ببساطة غير مدعوم بعد بواسطة Discourse كـ Onebox.
ومع ذلك، فإن iframe يعمل (بينما هو صغير)؛:
تذكر إضافة https://iframe.mediadelivery.net/embed/ في إعداد allowed iframes الخاص بك
تباً، متأخر ثانية واحدة حرفياً
alexmas
25 أبريل 2023، 4:21م
4
شكراً فالكو وكوين-كوين!
سأضع هذه المشاركة على أنها محلولة، ولكن لدي سؤال أخير.
يقترح باني الكود التالي لـ “غير متجاوب”:
<iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" width="1280" height="720" style="border: none;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
لكن الحجم ليس مناسبًا:
وهذا الكود لـ “متجاوب”:
<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
والحجم صغير جدًا
أي اقتراحات؟
Canapin
25 أبريل 2023، 10:21م
5
لا أعتقد أن عنصر iframe هنا يمكنه ضبط حجم الفيديو بشكل صحيح.
يتم إزالة سمات التنسيق من علامة <iframe>، لذا فإن تحديد الأحجام هنا لن يكون له أي تأثير، إلا إذا أضفت نمط CSS في سمة الموقع الخاصة بك. لكن ذلك لن يحدث أي سحر.
إذا قمت بتعيين عرض عنصر iframe ليكون 100% من حاوية المنشور، فسيتم عرضه هكذا:
ولا يمكنك تعيين ارتفاع تلقائي يعتمد على نسبة أبعاد الفيديو.
أعتقد أنه لا توجد حل مباشر سوى استخدام الفيديو الصغير (لا تضع جزء <div style="position: relative; padding-top: 56.25%;"> لأنه سيتم حذفه عند النشر على أي حال)، وسينقر الأشخاص الذين يريدون مشاهدة الفيديو بحجم أكبر على أيقونة ملء الشاشة الموجودة في الزاوية اليمنى السفلية من الفيديو.
يمكنك أيضًا النشر في قناة Contribute > Feature #pr-welcome، مما يعني أن الفريق لن يضيف الميزة بأنفسهم، ولكن يُرحب بأي شخص لديه بعض المعرفة البرمجية بكتابة هذه الميزة لإضافتها إلى Discourse في النهاية.
alexmas
27 أبريل 2023، 12:09ص
6
شكرا لك Coin-coin
أخيرًا سأستخدم هذا الإعداد في كود Bunny iframe:
<iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" width="1280" height="720" style="border: none;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
سيكون الارتفاع صغيرًا جدًا على سطح المكتب، وكبيرًا جدًا على الهاتف الذكي، لكن العرض سيكون جيدًا.
ستكون Onebox رائعة، ولكن كما أرى، لدينا فقط يوتيوب وفيميو وتيك توك حاليًا على discourse.
