HTML5 비디오 문제

내가 뭘 잘못하고 있는지 궁금해?HTML5 비디오 문제

<video id="movie" width="320" height="240" preload controls> 
    <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
    <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' /> 
    <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' /> 
</video>

이 코드는 내 index.html에 있습니다. 동일한 디렉토리에 나는 3 개의 비디오 파일 (mp4, webm, ogv)을 가지고 있습니다.

어떻게 든 비디오 구성 요소가 나타나지만 비디오가 재생되지 않습니다. 큰 X가 동영상 구성 요소 내부에 표시됩니다.

출처

2010-06-03 matt

제 생각 엔이 파일은 an earlier question입니다. 그렇다면 답은

.ogv : 서버 설정은 다음과 연관성이 있는지 확인 비디오/OGG를
.oga : 오디오/OGG
오그 : 응용 프로그램/OGG
.webm : 비디오/WEBM
.MP4 : 비디오/MP4

출처

2010-06-03 08:54:32 hsivonen

아 아마도 이것입니다. 나도이 문제가 있었고 아파치가 .ogv 파일을 인식하도록 할 수 없었다. 확장명을 .ogg로 변경하십시오 (일반적으로 기본적으로 설정되므로). 작동하는지 확인하십시오. –

어디에서 tomcat을 변경합니까? – frewper

어떤 브라우저에서 볼 수 있습니까? IE는 예를 들어 video 요소를 전혀 지원하지 않습니다. 또한 course 요소는 void 요소이므로 종료 태그가 없어야합니다. Ogg 파일이 첫 번째 리소스가되어야하는 Firefox에서 버그를 발견했습니다. 그렇지 않으면 작동하지 않습니다. 이 문제는 3.6.3에서 수정되었을 수 있습니다.

출처

2010-06-03 08:16:08

저는 파이어 폭스 3.6을 사용하고 있으며, http://diveintohtml5.org/video.html (아래로 스크롤)을 사용하고 있습니다. 정확한 코드를 사용하고 있습니다. 작동하지 않는 것 같습니다. 파이어 폭스! 그러나 크롬과 사파리에서 작동합니다. Firefox 만 지원하지 않습니다. MOREOVER 나는 css로이 비디오를 어떻게 배치 할 수 있는지 전혀 모른다. #movie 실 거예요! – matt

html5 doctype도 사용하고 있습니까? –

이안, doctype은 이것과 아무 관련이 없습니다. – hsivonen

파이어 폭스 3.6의 WebM 비디오 형식을 지원하지 않습니다. HTML5의 WebM 비디오를보기 위해서는 프레임 속도의 OGV 알아서를 들어 nightly build of Firefox 4

를 다운로드해야 및 HD 비디오를 보여 기대하지 않습니다. 더 높은 속도로 파이어 폭스는 내 비디오를 보여주지 못했지만 프레임 속도와 화질을 줄이면 잘 동작합니다.

출처

2010-06-04 02:16:12 Cbe317

답변

관련 문제