꽤 많이 검색했지만 문제를 해결하지 못했습니다.
다음과 같이 비디오
태그가 실행되고 있습니다:
<video
class="ne"
src="{{ page | video_url }}"
muted="true"
volume="0"
controls
width="720"
height="480"
poster="{{ page | video_poster_image_url }}"
type="video/mp4">
</video>
URL에 지킬을 사용하고 있습니다. 잘 작동합니다.
스위스렐씨닷컴]에 사이트가 있습니다. FF에서 동영상을 클릭하면 이미지와 X가 표시됩니다. Chrome과 다른 브라우저에서는 정상적으로 작동합니다.
동영상의 소스를 가져와 새 탭에서 로드하면 정상적으로 재생됩니다. 적어도 제 경우에는요.
추가했습니다:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
를 추가했습니다. .ogv또는
.webm`이 필요하지 않은 것 같습니다.
동영상 URL을 로드하면 동영상이 정상적으로 재생되지만 동영상 태그에 동영상을 로드하는 데 실패하는 이유를 이해할 수 없습니다.
아이디어 있으신가요?
이는 Firefox의 동영상 태그에서 MP4 형식이 제한적으로 지원되기 때문에 발생합니다. 지원은 Firefox 21까지 추가되지 않았으며, 여전히 Windows 7 이상으로 제한되어 있습니다. 지원이 제한되는 주된 이유는 MP4 형식에 부과되는 로열티 때문입니다.
자세한 내용은 지원되는 미디어 형식 및 오디오 및 비디오 요소에서 지원되는 미디어 형식이나 다음 블로그 게시물에서 Mozilla 개발팀에서 직접 확인하세요:
http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/
동영상 태그에서 MP4가 작동하지 않는 것을 확인할 수 있습니다. 서버에서 유형 태그와 코덱 및 마임 유형을 아무리 엉망으로 만들려고 해도 작동하지 않습니다.
똑같은 테스트 페이지에서 똑같은 동영상에 대해 이전 임베드 태그인 MP4는 Firefox에서 정상적으로 작동하기 때문입니다. 어제 하루 종일 이 문제를 해결하느라 시간을 보냈습니다. Firefox는 갑자기 IE처럼 몇 시간이고 몇 시간이고 청구되지 않습니다. 좋네요.
IE에 대해 말하자면, 이 문제에서는 훨씬 더 우아하게 실패합니다. 형식을 일치시키지 못하면 태그 사이의 콘텐츠로 넘어가기 때문에 임베드 주변의 개체 주위에 동영상을 넣으면 모든 것이 잘 작동합니다. Firefox에서는 실패했음에도 불구하고 중간에 오류 메시지와 함께 포스터 이미지(회색으로 표시되어 있어 대안으로 유용하지도 않음)를 표시합니다. 이제 옵션은 브라우저 인식 코드에 넣거나(지난 10년 동안 동영상 삽입에 대해 얻은 것이 없다는 뜻입니다) HTML5를 버리는 것입니다.