html5로 비디오를 볼 수 없습니다.

Question

html 5 비디오 태그를 테스트 중입니다.

나는 http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library과 http://camendesign.co.uk/을 사용하고 있습니다.

광고 소재 일반 비디오를 다운로드했습니다.

외부 링크를 사용하면 동영상이 재생됩니다. 그래서 내 서버에 비디오를 업로드했지만 재생되지 않습니다. 저장할지 또는 응용 프로그램에 재생할 것인지 묻습니다.

외부 링크 http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv으로 이동하면 브라우저에서 자동으로 재생됩니다.

로컬에서도 테스트했으나 재생되지 않습니다.

나는 누군가가 왜 나에게 문제를 해결할 수 있기를 바라고있다.

이 코드는 작동합니다.

<figure> 
<video id="vid1" width="500" height="300" style="position:absolute" 
poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
durationHint="33" 
controls = "true"> 
<source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv" /> 
<source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v"/> 

</video> 
    </figure> 

이것은 아닙니다.

<figure> 
<video id="vid1" width="500" height="300" style="position:absolute" 
poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
durationHint="33" 
controls = "true"> 
<source src="http://www.mywebsite.com/media/bbb400p.ogv" /> 
<source src="http://www.mywebsite.com/media/bbb_trailer_iphone.m4v"/> 

</video> 
</figure> 

이것은 작동하지 않습니다.

<figure> 
<video id="vid1" width="500" height="300" style="position:absolute" 
poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
durationHint="33" 
controls = "true"> 
<source src="http://127.0.0.1/html5videotest/media/bbb400p.ogv" /> 
<source src="http://127.0.0.1/html5videotest/media/bbb_trailer_iphone.m4v"/> 

</video> 
    </figure> 

Answer 1

아마 장거리 슛하지만 당신은 추가 시도 : 당신의 .htaccess 파일에

AddType video/ogg .ogv 
AddType video/mp4 .mp4 

를? 여기 http://camendesign.com/

Answer 2

두 가지 주요 의견 ... < 그림 > 태그로 무엇

1) :

또한, 여기에 더 팁을 좋은 문서에서는 야하는 것입니다? 내가 아는 한, 비디오 태그는 전혀 작동하지 않아도됩니다.
그것은 아마도 필요하지 않은 것 2),하지만 난 여전히 소스 태그 메타 유형을 추가하는 것이 좋습니다 생각 : 브라우저가 가장 가능성을 가지고있는 파일을 다운로드하도록 요청

<source src="video.ogg" type="video/ogg" /> 
<source src="video.mp4" type="video/mp4" /> 

3) 경우 웹 서버 구성에 문제가 있습니다. 특히, 서버가 비디오 파일 (.ogv, .mp4, .m4v 등의 확장자)에 대해 올바른 MIME 유형을 전송하는지 확인하십시오.

이 좋아, 아니 두, 나는 세 가지가 있었다 것 같아요^_^

Answer 3

체크 아웃 마크 순례자 Dive into HTML5. 질문에 대한 답변을 제공하는 HTML5 동영상에 관한 훌륭한 장이 있습니다.

는

Answer 4

이 날 당신이 포스터 귀하의 사이트가 될 수를 변경해보십시오 않았다

<video width="640" height="360" controls id="video-player" poster="../../../video/bbb480.jpg"> 
<source src="../../../video/bbb400p.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>