Einbetten neu gestalteter Reddit-Themen mit Video

Wie können wir Reddit-Videos in unseren Beiträgen einbetten? Zum Beispiel dieser Beitrag:

Link hier

Enthält einen Einbettungscode wie diesen:

<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>

Wie sieht’s damit aus?

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

Das bewirkt folgendes:

Oh, das ist nicht gut. Du möchtest, dass das Video in Discourse abgespielt wird, und nicht, dass du zu Reddit weitergeleitet wirst.

1 „Gefällt mir“

Danke. Ja, wir möchten, wenn möglich, genau dort abspielen wie YouTube und Vimeo.

Haha, ihr beiden wollt das, aber habt ihr bedacht, was Reddit will?

Seit sie ihre gesamte Philosophie geändert und mit v.redd.it begonnen haben, ist es nicht mehr dasselbe.

Alle OpenGraph- und Twitter-Card-Tags liefern uns ein statisches Bild. Reddit ist ziemlich eindeutig darin, dass nur ein statisches Bild eingebettet werden darf.

Wenn du genauer nachforschst, stellst du fest, dass das Video in einem DASH-Container vorliegt, also sind Audio und Video getrennte Dateien. Damit das in Discourse abgespielt werden kann, muss zumindest ein benutzerdefinierter JS-Videoplayer verwendet werden.

1 „Gefällt mir“

Tatsächlich erlaubt Reddit dies:

Wenn Sie auf die Schaltfläche „Einbetten“ klicken, wird Folgendes angezeigt:

Mein Problem ist, wie ich das in meinem Beitrag auf meiner Discourse-Website anzeigen lassen kann.

Ich habe den old.reddit-Link ausprobiert, und das ist auch nur ein Bild. Ist das die neue Reddit-Benutzeroberfläche?

Ja, das ist der neue.

1 „Gefällt mir“

Oh, sieht so aus, als würden sie das an embed.ly auslagern.

Beim genauer Hinsehen scheint es doch möglich zu sein, mit der Post-ID ein funktionierendes iFrame zu erstellen.

Sofern @techAPJ das nicht übernehmen möchte, würde ich sagen: pr-welcome

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

[EIN FUNKTIONIERENDES IFRAME, DAS DAS VIDEO AUTOMATISCH ABSPIELT]

2 „Gefällt mir“

@Falco, können wir etwas finden, das das Video nicht automatisch abspielt?

Edit: Wenn wir im HTML-Sanitizer dem iframe-Element erzwungenermaßen allow="autoplay 'none'" hinzufügen, könnte das das Problem beheben (nur bei neuen Browsern).

Außerdem funktionieren keine der Tasten am Player (z. B. Pause, Vollbild usw.)

Hat jemand Interesse an einem PR dafür? :thinking:

Wenn Sie auf der Beispiel-URL dieser auf „Share“ > „Embed“ klicken und dann diesen Code kopieren:


<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>

wird das Video eingebettet und abgespielt im Composer-Fenster:

Aber das Video verschwindet, wenn der Beitrag gesendet wird.

Wenn Sie allow="autoplay 'none'" am Ende des iframe-Elements hinzufügen, erscheint das Video und spielt dann einwandfrei mit allen Einbettungssteuerelementen (Pause, Wiedergabe usw.):


<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>

So: