WebM の埋め込み方法

埋め込みされた WebM が一部のシステムでは動作し、他のシステムでは動作しない理由のトラブルシューティングについて、お手伝いが必要です。

この埋め込みされた WebM クリップは、リンクを新しいページで開かずにご視聴いただけますか?お使いの OS とブラウザは何ですか?

メッセージ本文に生の URL をそのまま貼り付けて埋め込んでいます:

s1.webmshare.com/jvY0A.webm

クリック可能なリンク:s1.webmshare.com/jvY0A.webm

私の観察結果は以下の通りです:

OS ブラウザ 結果
Ubuntu 20.04 Firefox 76 失敗
Ubuntu 20.04 Chrome 81 失敗
OSX 10.13.6 Chrome 81 失敗
Android 7 DuckDuckGo 動作

以前は Ubuntu 19.10 で動作していたはずですが、確認のためにダウングレードするつもりはありません。

Firefox で表示される内容は以下の通りです:

なぜ答えがこれと異なる必要があるのか、私にはわかりません:

埋め込み WebM クリップは正常に再生されていますか?

再度確認しましたが、Ubuntu 20.04 の Firefox 86 と Chrome 88 では依然として「対応形式および MIME タイプの動画が見つかりません」というエラーが表示されます。CanIUse の情報によれば、動作するはずのようです。

Chrome の開発者コンソールを開いた状態でページをリフレッシュすると、元のバージョンが動作することも興味深いです:

Chrome 初回読み込み時:
\u003e Mixed Content: The page at ‘How to embed WebM’ was loaded over HTTPS, but requested an insecure element ‘http://s1.webmshare.com/jvY0A.webm’. This request was automatically upgraded to HTTPS, For more information see Chromium Blog: No More Mixed Messages About HTTPS

\u003e Failed to load resource: the server responded with a status of 404 () s1.webmshare.com/jvY0A.webm:1

Chrome リフレッシュ時(開発者ツールを開いているとセキュリティ設定が緩和されるため、今回は動作するとは驚きです):
\u003e Mixed Content: The page at ‘How to embed WebM’ was loaded over HTTPS, but requested an insecure element ‘http://s1.webmshare.com/jvY0A.webm’. This request was automatically upgraded to HTTPS, For more information see Chromium Blog: No More Mixed Messages About HTTPS

Firefox ではエラーメッセージがわずかに異なり、開発者コンソールを開いたままリフレッシュしても読み込みは失敗したままです。この一貫した挙動の方がより妥当に思えます:
\u003e Loading mixed (insecure) display content “http://s1.webmshare.com/jvY0A.webm” on a secure page

\u003e Failed to load ‘http://s1.webmshare.com/jvY0A.webm’. A ServiceWorker passed a promise to FetchEvent.respondWith() that rejected with ‘Error: no-response :: [{"url":"http://s1.webmshare.com/jvY0A.webm\"}]’.

\u003e All candidate resources failed to load. Media load paused.


どうやら httphttps の問題のようです。元のリンク(プレフィックスなし)を使用すると、デフォルトで http:// になるようです。以下は明示的に安全な https:// プレフィックスを含めた別のバージョンですが、これも動作しません。

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

どうやら webmshare ホスト側に問題があるようで、彼らの https 接続が実際には安全ではないようです。

Chrome、Firefox、DDG がこの問題をそれぞれ異なって処理するのは少し面倒ですね。

はい、これは私たちの問題ではなく、特定のターゲットサイト側の問題です。

実は、外部ホストに依存するのではなく、.webm ファイルをフォーラムに直接ドラッグ&ドロップするのが最も簡単です。

ドラッグ&ドロップ(Discourse インスタンスへの直接アップロード)では、以下が生成されます:

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

これは問題なく動作しています。