تضمين مواضيع Reddit المعاد تصميمها مع الفيديو

[hjalali (Hossein Jalali)]

كيف يمكننا تضمين مقاطع فيديو من Reddit في منشوراتنا؟ على سبيل المثال، هذا المنشور:

رابط هنا

يحتوي على كود تضمين مثل هذا:

<blockquote class="reddit-card" data-card-created="1588774544"><a href="https://www.reddit.com/r/VALORANT/comments/gdyrsg/i_also_decided_to_edit_at_2am/">I also decided to edit at 2AM</a> from <a href="http://www.reddit.com/r/VALORANT">r/VALORANT</a></blockquote>
<script async src="//embed.redditmedia.com/widgets/platform.js" charset="UTF-8"></script>

[pfaffman (Jay Pfaffman)]

How about this?

  https://www.reddit.com/r/VALORANT/comments/gdyrsg/i_also_decided_to_edit_at_2am/

Which does this:

r/VALORANT - I also decided to edit at 2AM

Oh. That’s no good. You want the video to play in discourse, not bump you to Reddit.

[hjalali (Hossein Jalali)]

Thanks.
Yeah we want to if possible play it right there like YouTube and Vimeo.

[Falco]

@pfaffman

تريد أن يعمل الفيديو داخل discourse دون تحويلك إلى Reddit.

@hjalali

نعم، نريد ذلك إذا أمكن تشغيله مباشرة هناك مثل YouTube وVimeo.

هاها، أنتما تريدان ذلك، لكن هل فكرتما فيما يريده Reddit؟

منذ أن غيّروا فلسفتهم بالكامل وبدأوا في استخدام v.redd.it، لم يعد الأمر كما كان من قبل.

@pfaffman

https://www.reddit.com/r/VALORANT/comments/gdyrsg/i_also_decided_to_edit_at_2am/

جميع وسوم OpenGraph وTwitter Card تمنحنا صورة ثابتة. Reddit واضحة جدًا في السماح فقط بتضمين صورة ثابتة.

إذا تعمّقت أكثر، ستجد أن الفيديو موجود في حاوية DASH، لذا فإن الصوت والفيديو ملفان منفصلان. لجعل هذا يعمل على Discourse، يتطلب الأمر على الأقل استخدام مشغل فيديو JS مخصص.

[hjalali (Hossein Jalali)]

في الواقع، يسمح Reddit بذلك:

عند الضغط على زر تضمين (Embed)، يظهر ما يلي:

مشكلتي هي كيفية السماح بعرض ذلك في منشوري على موقع Discourse الخاص بي.

[Falco]

لقد جربت مشاركة old.reddit وهي مجرد صورة أيضًا. هل هذه واجهة المستخدم الجديدة لـ Reddit؟

[hjalali (Hossein Jalali)]

نعم، إنه الجديد.

[Falco]

Oh looks like they are outsourcing it to embed.ly.

Digging into it, appears that using the post ID can be used to construct a working iFrame after all.

Unless @techAPJ wants to take it, I’d say pr-welcome

<iframe src="https://old.reddit.com/mediaembed/gdyrsg" width="690" height="388">

[AN IFRAME THAT WORKS AND AUTOPLAYS THE VIDEO]

[riking (Kane York)]

@Falco، هل يمكننا إيجاد حل لا يشغل الفيديو تلقائيًا؟

تعديل: إذا قمنا بتطبيق allow="autoplay 'none'" قسرًا على عنصر iframe في مُنقي HTML، فقد يحل هذه المشكلة (في المتصفحات الجديدة فقط).

[hjalali (Hossein Jalali)]

Also none of the buttons on the player work (e.g. pause, full screen, etc)

[Richie (Richie Rich)]

@Falco

إلا إذا أراد @techAPJ أن يتولى الأمر، سأقول pr-welcome

هل هناك من يرغب في تقديم طلب سحب (PR) لهذا؟

إذا نقرت على زر المشاركة > تضمين في عنوان URL المثال هذا: https://www.reddit.com/r/timelapse/comments/w2al1z/amazing_timelapse_of_summertime_storms_in_florida/، ثم انسخ هذا الرمز:

<iframe id="reddit-embed"
src="https://www.redditmedia.com/r/timelapse/comments/w2al1z/amazing_timelapse_of_summertime_storms_in_florida/?ref_source=embed&amp;ref=share&amp;embed=true"
sandbox="allow-scripts allow-same-origin allow-popups"
style="border: none;" scrolling="no"
width="640" height="419">
</iframe>

يتم تضمين الفيديو وتشغيله في نافذة الإنشاء:

ولكن يختفي الفيديو بعد إرسال المنشور.

إضافة allow="autoplay 'none'" في نهاية عنصر iframe يجعل الفيديو يظهر، ثم يتم تشغيله بشكل جيد مع عمل جميع عناصر التحكم المضمنة (إيقاف مؤقت، تشغيل، إلخ):

<iframe id="reddit-embed"
src="https://www.redditmedia.com/r/timelapse/comments/w2al1z/amazing_timelapse_of_summertime_storms_in_florida/?ref_source=embed&amp;ref=share&amp;embed=true"
sandbox="allow-scripts allow-same-origin allow-popups"
style="border: none;" scrolling="no"
width="640" height="419"
allow="autoplay 'none'">
</iframe>

مثل هذا: