Incorporando tópicos do Reddit redesenhados com vídeo

Como podemos incorporar vídeos do Reddit em nossa postagem? Por exemplo, esta postagem:

Link aqui

Tem um código de incorporação como este:

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

Que tal isso?

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

Que faz o seguinte:

Ah. Isso não está bom. Você quer que o vídeo seja reproduzido no Discourse, não que te leve ao Reddit.

1 curtida

Obrigado.
Sim, queremos, se possível, reproduzi-lo diretamente ali, como no YouTube e Vimeo.

Haha, vocês dois querem isso, mas já consideraram o que o Reddit quer?

Desde que eles mudaram toda a filosofia deles e começaram com a coisa do v.redd.it, não é mais a mesma coisa.

Todas as tags OpenGraph e Twitter Card nos fornecem uma imagem estática. O Reddit é bastante claro ao permitir apenas a incorporação de uma imagem estática.

Se você investigar mais a fundo, verá que o vídeo está em um contêiner DASH, então o áudio e o vídeo são arquivos separados. Fazer isso funcionar no Discourse significa, no mínimo, usar um player de vídeo JS personalizado.

1 curtida

Na verdade, o Reddit permite isso:

Quando você clica no botão Incorporar, ele fornece o seguinte:

Meu problema é saber como permitir que isso seja exibido na minha postagem no meu site Discourse.

Tentei compartilhar o old.reddit e também é apenas uma imagem. Essa é a nova interface do Reddit?

É o novo.

1 curtida

Parece que eles estão terceirizando para o embed.ly.

Analisando melhor, parece que é possível usar o ID da postagem para construir um iFrame funcional, afinal.

A menos que o @techAPJ queira assumir, eu diria pr-welcome

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

[UM IFRAME QUE FUNCIONA E TOCA O VÍDEO AUTOMATICAMENTE]

2 curtidas

@Falco, conseguimos descobrir algo que não reproduza o vídeo automaticamente?

Edição: Se aplicarmos forçadamente allow="autoplay 'none'" ao elemento iframe no sanitizador de HTML, isso pode resolver (apenas em navegadores novos).

Além disso, nenhum dos botões no player funciona (por exemplo, pausa, tela cheia, etc)

Alguém se candidata a um PR para este? :thinking:

Se você clicar em Compartilhar > Incorporar no este URL de exemplo, então copie este código:


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

O vídeo é incorporado e reproduzido na janela do compositor:

Mas o vídeo desaparece quando a postagem é enviada.

Adicionar allow="autoplay 'none'" no final do elemento iframe faz com que o vídeo apareça, e ele é reproduzido corretamente com todos os controles de incorporação funcionando (pausar, reproduzir, etc.):


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

Assim: