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에서는 정상적으로 작동했던 것으로 기억하지만, 확인하기 위해 OS를 다운그레이드할 생각은 없습니다.

Firefox에서 제가 확인하는 내용은 다음과 같습니다:

답이 이 내용과 어떻게 다를지 모르겠습니다:

그 임베드된 WebM 클립이 정상적으로 재생되고 있나요?

다시 확인해 봤는데, Ubuntu 20.04 환경의 Firefox 86과 Chrome 88에서 여전히 "지원되는 형식 및 MIME 타입을 가진 비디오를 찾을 수 없음"이라는 오류가 발생합니다. CanIUse 기준으로 보면 작동해야 할 것 같은데 말이죠.

Chrome 개발자 콘솔을 열어두면 새로고침 후 원래 버전이 작동한다는 점도 흥미롭습니다:

Chrome 첫 로드:

Mixed Content: ‘How to embed WebM’ 페이지가 HTTPS로 로드되었지만, 비보안 요소 'webmshare. your free webm hosting and sharing tool 요청했습니다. 이 요청은 자동으로 HTTPS로 업그레이드되었습니다. 자세한 내용은 Chromium Blog: No More Mixed Messages About HTTPS 을 참조하세요.

리소스 로드 실패: 서버가 404 상태 코드로 응답했습니다 () webmshare. your free webm hosting and sharing tool

Chrome 새로고침 (작동하는 것이 놀랍습니다 - 개발자 도구가 열려 있으면 보안 설정이 완화되는 것 같습니다):

Mixed Content: ‘How to embed WebM’ 페이지가 HTTPS로 로드되었지만, 비보안 요소 'webmshare. your free webm hosting and sharing tool 요청했습니다. 이 요청은 자동으로 HTTPS로 업그레이드되었습니다. 자세한 내용은 Chromium Blog: No More Mixed Messages About HTTPS 을 참조하세요.

Firefox에서는 오류 메시지가 약간 다르며, 개발자 콘솔을 열어둔 채로 새로고침해도 계속 로드 실패가 발생합니다. 이 일관된 동작 방식이 더 합리적으로 보입니다:

보안 페이지에서 혼합(비보안) 디스플레이 콘텐츠 “http://s1.webmshare.com/jvY0A.webm” 로드 중

‘http://s1.webmshare.com/jvY0A.webm’ 로드 실패. ServiceWorker가 FetchEvent.respondWith()에 전달한 Promise가 ‘Error: no-response :: [{“url”:“http://s1.webmshare.com/jvY0A.webm”}]’로 거부되었습니다.

모든 후보 리소스 로드 실패. 미디어 로드 일시 중지.


http와 https 문제인 것 같습니다. 원래 링크(접두어 없음)의 경우 http://로 기본 설정되는 것으로 보입니다. 여기에는 보안 https:// 접두어가 명시적으로 포함된 다른 버전이 있지만, 이것도 작동하지 않습니다.

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

webmshare 호스트의 문제인 것으로 보이며, 그들의 https 연결이 실제로는 보안이 되지 않는 것 같습니다.

Chrome, Firefox, DDG 모두 이 문제를 서로 다른 방식으로 처리한다는 점이 다소 짜증스럽습니다.

네, 이건 저희 문제가 아니라 해당 대상 사이트의 문제입니다.

결국 외부 호스트에 의존하기보다 .webm 파일을 포럼에 직접 드래그 앤 드롭하는 것이 가장 간단합니다.

드래그 앤 드롭(디스코urs 인스턴스에 직접 업로드)을 사용하면 다음이 생성됩니다:

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

그리고 잘 작동하고 있습니다.