Incorporare i nuovi argomenti di Reddit con video

Come possiamo incorporare i video di Reddit nel nostro post? Ad esempio, questo post:

Link qui

Ha un codice di incorporamento simile a questo:

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

Che ne pensi di questo?

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

Che fa questo:

Ah. Non va bene. Vuoi che il video si riproduca direttamente su Discourse, senza reindirizzarti a Reddit.

1 Mi Piace

Grazie.
Sì, se possibile, vogliamo riprodurlo direttamente lì, come YouTube e Vimeo.

Haha, voi due lo vorreste, ma avete considerato cosa vuole Reddit?

Dato che hanno cambiato completamente la loro filosofia e hanno introdotto la funzione v.redd.it, ora non è più la stessa cosa.

Tutti i tag OpenGraph e Twitter Card ci forniscono un’immagine statica. Reddit è molto chiaro nel permettere l’incorporamento solo di immagini statiche.

Se approfondisci, scoprirai che il video è in un contenitore DASH, quindi audio e video sono file separati. Far sì che questo venga riprodotto su Discourse significa, almeno, utilizzare un player video JS personalizzato.

1 Mi Piace

In realtà Reddit lo consente:

Quando premi sul pulsante Embed, viene mostrato quanto segue:

Il mio problema è come permettere che ciò venga visualizzato nel mio post sul mio sito Discourse.

Ho provato la condivisione di old.reddit ed è solo un’immagine anche quella. È la nuova interfaccia di Reddit?

Sì, è quello nuovo.

1 Mi Piace

Oh, sembra che lo stiano esternalizzando a embed.ly.

Approfondendo, sembra che l’ID del post possa essere utilizzato per costruire un iframe funzionante, dopo tutto.

A meno che @techAPJ non voglia prenderlo in carico, direi pr-welcome

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

[UN IFRAME CHE FUNZIONA E RIPRODUCE AUTOMATICAMENTE IL VIDEO]

2 Mi Piace

@Falco, possiamo trovare un modo per evitare che il video vada in riproduzione automatica?

Modifica: Se applichiamo forzatamente allow="autoplay 'none'" all’elemento iframe nel sanificatore HTML, questo potrebbe risolvere il problema (solo sui browser più recenti).

Inoltre, nessuno dei pulsanti del player funziona (ad esempio, pausa, schermo intero, ecc.)

Qualcuno è interessato a un PR per questo? :thinking:

Se fai clic sul pulsante Condividi > Incorpora nell’URL di esempio questo, quindi copia questo codice:


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

Il video viene incorporato e riprodotto nella finestra di composizione:

Ma il video scompare quando il post viene inviato.

Aggiungendo allow="autoplay 'none'" alla fine dell’elemento iframe, il video appare e viene riprodotto correttamente con tutti i controlli di incorporamento funzionanti (pausa, riproduzione, ecc.):


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

Così: