2013-05-21 2 views
2

내 코드 :Google 크롬에서 HTML5 비디오가 작동하지 않는 이유는 무엇입니까?

<video width="600" height="400" controls="controls"> 
<source src="uploads/video/patientenhandset_uk_high.mp4" type="video/mp4" /> 
<source src="uploads/video/patientenhandset_uk_high.ogg" type="video/ogg" /> 
Your browser not supported this video. 
</video> 

이 코드 IE10, IE9, 파이어 폭스, 오페라 작품. 그러면 크롬에서 왜 작동하지 않습니까?

+0

"작동하지 않음"과 같이 정규화 된 도메인 이름을 사용하여 소스 태그를 전환 할 수도 있습니다. 어떤 메시지가 콘솔에보고됩니까? Net 탭에 어떤 요청이 표시됩니까? 서버가 동영상에 대해 어떤 콘텐츠 유형을 반환합니까? – Quentin

+0

일부 브라우저는 상대 소스에 문제가있는 것으로 밝혀졌습니다. 그래서 나는 오래 전에 소스에 대한 FQDN을 입력하는 것으로 전환했습니다. 지금까지는 수정되었을 수도 있지만 비슷한 코드가 Chrome에서 계속 작동합니다. 귀하의 웹 서버가 보내는 잘못된 MIME 유형 일 수 있습니다. –

답변

0

Chrome이 WebM 형식 (video/webm)을 사용한다고 생각하기 때문에 다른 <source> 대안으로 제공해야 할 수 있습니다.

+2

Chrome은 mp4 및 ogg는 물론 webm을 지원합니다. – Quentin

+0

감사합니다. 이제 작동하기 시작했습니다 :) –

+0

@Quentin에 맞춰야한다는 것을 압니다 만,이 정확한 문제로 과거에 비슷한 문제가 있었고 3 가지 형식을 모두 제공함으로써 신뢰성있는 작업이 시작되었습니다 (이 경우처럼).) . 기본적으로 크로스 브라우저/기기 범위에 대해 3 가지 형식을 모두 제공해야합니다. –

0

코드가 정상적으로 보입니다. mp4에 적합한 MIME 형식을 제공하고 있습니까?

최신 크롬은 HTML5 비디오를 잘 재생하므로 잘못된 것이지만 HTML에 표시되지는 않습니다. http://www.yourdomain.com/yourvideo.mp4

관련 문제