تضمين الفيديو في وصف المجموعة

الدعم
1

في الوقت الحالي، يمكنك تضمين مقاطع فيديو من يوتيوب وفيميو (وربما منصات أخرى) داخل المواضيع.

سيكون رائعًا لو أمكنني أيضًا تضمين روابط يوتيوب أو فيميو في أوصاف المجموعات (أي قسم “حول” المجموعات). يبدو أن هذه الميزة غير مدمجة حاليًا؛ فإذا نشرت رابطًا لمقطع فيديو من يوتيوب في قسم “حول”، فإنه يعرض الرابط فقط دون تنفيذ عملية التضمين.

لذلك، أفترض أنني سأحتاج إلى تعديل ذلك في سمة أو إضافة. لقد واجهت صعوبة في جعل ذلك يعمل عبر إضافة حتى الآن. هل لديك اقتراحات أو كود شبه برمجي يمكنني استخدامه للمضي قدمًا؟ سيكون ذلك مفيدًا للغاية لحالة الاستخدام الخاصة بي.

2

لقد جربت هذا فقط على موقعي المحلي، لكنني لا أرى سببًا لعدم عمله على موقع حي. يمكنك إضافة فيديو من يوتيوب إلى وصف المجموعة باستخدام كود تضمين iframe الخاص بيوتيوب. للقيام بذلك، انسخ src الخاص بـ iframe من كود التضمين إلى إعداد موقع Discourse المسمى allowed iframes. ثم انسخ كود iframe الكامل للتضمين إلى نموذج “حول المجموعة”.

يجب أن تعمل نهج مماثل لفيديوهات Vimeo.

3

فكرة رائعة. شكرًا لك. سأجرب غدًا. لقد حاولت سابقًا وضع كود الإطار المضمن (iframe) مباشرة، لكنني لم أقم بضبط إعدادات الموقع للسماح بذلك.

4

بما أنك جربت بالفعل إضافة كود iframe، بعد إضافة مصدره (src) إلى إعداد “الإطارات المسموح بها”، قد تحتاج إلى تفريغ الذاكرة المؤقتة بإجراء تعديل بسيط على قسم مجموعة “حول” وحفظ التغييرات.

5

هذا يعمل مع يوتيوب! شكرًا لك! هل تعرف كيفية جعل التضمين متجاوبًا؟

للمعلومات العامة، إليك ما قمتُ به:

  1. في الإعدادات / السماح بإطارات مضمنة، أضف https://www.youtube.com/embed/
  2. في وصف المجموعة، أضف كود الإطار المضمن مباشرةً (قد تحتاج أيضًا إلى إجراء تغيير آخر على النص وحفظه لأسباب تتعلق بمسح ذاكرة التخزين المؤقت). مثال على كود الإطار المضمن:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/CTsB-llTzyc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

لكن: كيف نجعل الإطار المضمن متجاوبًا؟ النصيحة المعتادة هي وضع الإطار المضمن داخل div، ومنحه فئة (class) مثل “iframe-container”، ثم إضافة CSS كالتالي:

.iframe-container {
   overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.iframe-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

أعتقد أن هذا الـ CSS سليم، لكن لسبب ما، عندما أقوم بوضع إطاري المضمن داخل div في قسم “عن المجموعة” وأمنح هذا الـ div فئة معينة، لا يتم حفظ الفئة في النص المعروض. لذا، عندما أفحص العنصر، أرى فقط div دون أي فئة. لذلك، لا يتم تطبيق الـ CSS، ولا يكون الإطار المضمن متجاوبًا. هل لديكم أي أفكار حول كيفية التصحيح؟