Como incorporar WebM

Preciso de ajuda para solucionar por que o WebM incorporado funciona em alguns sistemas, mas não em outros.

Esse clipe WebM incorporado funciona para você sem abrir o link em uma nova página? Qual sistema operacional e navegador você está usando?

Estou incorporando apenas colando a URL bruta no corpo da mensagem:

s1.webmshare.com/jvY0A.webm

Link clicável: s1.webmshare.com/jvY0A.webm

Aqui estão minhas observações:

OS Navegador Resultado
Ubuntu 20.04 Firefox 76 Falha
Ubuntu 20.04 Chrome 81 Falha
OSX 10.13.6 Chrome 81 Falha
Android 7 DuckDuckGo Funciona

Acredito que isso costumava funcionar no Ubuntu 19.10, mas não vou fazer downgrade para verificar.

É isso que aparece para mim no Firefox:

Não sei por que a resposta seria diferente desta:

O clipe WebM incorporado está funcionando para você?

Verifiquei novamente e ainda estou recebendo o erro “Nenhum vídeo com formato e tipo MIME suportados encontrado” no Firefox 86 e no Chrome 88 para o Ubuntu 20.04. Parece que deveria estar funcionando, de acordo com o CanIUse.

Também é interessante que, com o console de desenvolvedor do Chrome aberto, a versão original funcione após uma atualização:

Primeira carga no Chrome:

Conteúdo misto: A página em ‘How to embed WebM’ foi carregada via HTTPS, mas solicitou um elemento inseguro ‘http://s1.webmshare.com/jvY0A.webm’. Esta solicitação foi automaticamente atualizada para HTTPS. Para mais informações, veja Chromium Blog: No More Mixed Messages About HTTPS

Falha ao carregar o recurso: o servidor respondeu com status 404 () s1.webmshare.com/jvY0A.webm:1

Atualização no Chrome (surpreendente que funcione agora — imagino que as configurações de segurança estejam mais relaxadas com as ferramentas de desenvolvedor abertas):

Conteúdo misto: A página em ‘How to embed WebM’ foi carregada via HTTPS, mas solicitou um elemento inseguro ‘http://s1.webmshare.com/jvY0A.webm’. Esta solicitação foi automaticamente atualizada para HTTPS. Para mais informações, veja Chromium Blog: No More Mixed Messages About HTTPS

Os erros são ligeiramente diferentes no Firefox, e ele continua falhando ao carregar após a atualização com o console de desenvolvedor aberto. Esse comportamento consistente parece mais razoável:

Carregando conteúdo de exibição misto (inseguro) “http://s1.webmshare.com/jvY0A.webm” em uma página segura

Falha ao carregar ‘http://s1.webmshare.com/jvY0A.webm’. Um ServiceWorker passou uma promessa para FetchEvent.respondWith() que foi rejeitada com ‘Error: no-response :: [{“url”:“http://s1.webmshare.com/jvY0A.webm”}]’.

Todos os recursos candidatos falharam ao carregar. Carregamento de mídia pausado.


Parece ser um problema de http versus https. Com o link original (sem prefixo), parece que o padrão é http://. Aqui está outra versão que inclui explicitamente o prefixo seguro https://, mas também não está funcionando.

https://s1.webmshare.com/jvY0A.webm

Parece ser um problema com o host webmshare, onde sua conexão https não é realmente segura.

É um pouco irritante que Chrome, Firefox e DDG lidem com esse problema de maneiras diferentes.

Sim, isso não é problema nosso; é um problema do site de destino específico.

Afinal, a maneira mais simples é arrastar e soltar os arquivos .webm diretamente no fórum, em vez de depender de um hospedeiro externo.

Arrastar e soltar (carregar diretamente na instância do Discourse) gera:

![fontawesome2|video](upload://aI4h9yYRFK9BBCBLED4WcBr6Y1f.webm)

E está funcionando perfeitamente.