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>
إعجاب واحد (1)
Falco
25 أبريل 2023، 3:58م
2
هل قمت بإضافة https://iframe.mediadelivery.net/embed/ إلى إعداد الموقع allowed iframes قبل النشر؟
4 إعجابات
Canapin
25 أبريل 2023، 3:59م
3
أعتقد أن هذا ببساطة غير مدعوم بعد بواسطة Discourse كـ Onebox.
ومع ذلك، فإن iframe يعمل (بينما هو صغير)؛:
تذكر إضافة https://iframe.mediadelivery.net/embed/ في إعداد allowed iframes الخاص بك
تباً، متأخر ثانية واحدة حرفياً
إعجابَين (2)
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>
والحجم صغير جدًا
أي اقتراحات؟
إعجاب واحد (1)
Canapin
25 أبريل 2023، 10:21م
5
لست متأكدًا من أن iframe هنا يمكنه تغيير حجم الفيديو بشكل صحيح.
يتم تجريد سمات النمط من علامة <iframe>، لذا فإن تحديد الأحجام هنا لن يكون له أي تأثير، إلا إذا أضفت CSS في السمة الخاصة بك. لكنها لن تفعل المعجزات.
إذا قمت بتعيين عرض iframe بنسبة 100٪ من حاوية المنشور، فسيتم عرضه كالتالي:
ولا يمكنك تعيين ارتفاع تلقائي يعتمد على نسبة الفيديو.
أعتقد أنه لا يوجد حل مباشر بخلاف استخدام الفيديو الصغير (لا تضع جزء <div> مع position: relative; padding-top: 56.25%; لأنه سيتم إزالته عند النشر على أي حال)، والأشخاص الذين يرغبون في رؤية الفيديو بتنسيق أكبر سينقرون على أيقونة ملء الشاشة في أسفل يمين الفيديو.
يمكنك أيضًا النشر على Feature #pr_welcome، مما يعني أن الفريق لن يضيف الميزة بنفسه ولكن أي شخص لديه القليل من المعرفة البرمجية مرحب به لكتابة هذه الميزة حتى يمكن إضافتها إلى Discourse في النهاية.
3 إعجابات
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.
إعجاب واحد (1)
system
27 مايو 2023، 12:09ص
7
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
