2014-04-21 2 views
3

매우 간단한 작업을 수행하려고합니다. 적어도 그것이되어야한다고 생각할 것입니다.HTML에 포함 된 비디오가 재생되지 않습니다.

HTML로 비디오를 퍼가려고 노력하고 있습니다.

<video width="560" height="340" controls> 
    <source src="video/30.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="video/30.ogv" type='video/ogg; codecs="theora, vorbis"'> 

    <object width="640" height="384" type="application/x-shockwave-flash" data="video/player_flv_maxi.swf?image=placeholder.jpg&file=video/30.swf"> 
    <param name="movie" value="video/player_flv_maxi.swf?image=placeholder.jpg&file=video/30.swf" /> 
    </object> 
</video> 

나는 시도하고이 달성하기 위해이 자원을 사용하고 있습니다 : http://www.webmonkey.com/2010/05/embed-videos-in-your-web-pages-using-html5/

나는 또한 시도 : http://www.w3schools.com/html/html5_video.asp

그리고 그 아무도가 보일를 여기에 내가 그것을 어떻게 사용하고있는 코드는 작업. 누군가 제가 위에 나열된 동영상 형식 중 Chrome에서 재생할 수없는 이유를 알려주실 수 있습니까? 코드에 문제가 있습니까?

답변

2

내 문제가 무엇인지 알아 냈습니다. IIS에 MIME 형식을 포함시키는 것과 관련이 있습니다.

http://blog.arvixe.com/to-play-mp4-video-in-asp-net-you-may-need-to-add-a-mime-type/

것은 당신이 Mircosoft를 실행하는 것은 당신이 IIS 누군가가 시도 할 때 무엇을 알 수 있도록 MIME 형식은 IIS에 추가 한 IIS 경우 확인 : 나는 나를 위로 알고 시간에 실행에게있어이 웹 페이지를 발견 mp4 비디오 유형을로드하십시오. 도와 주셔서 감사합니다!

1

HTML5 비디오는 여전히 많은 작업이 필요합니다. 플레이어 플러그인을 사용해보아야합니다. 저는 항상 jPlayer를 사용했습니다. http://jplayer.org

+0

나는이 선수에게 총을 줘서 결국 내가 뭘하는지 볼거야. 일단 내가 그것을 시도하면 다시 올 것이고 모든 것을 어떻게 진행했는지를 알릴 것이다. 고맙습니다! –

2

HTML이 좋으며 문제가되지 않을 수도 있습니다. JS Bin을 테스트하고 플래시 URL을 변경했습니다 (플래시 대체를 제외하고). Chrome 및 Firefox에서 제대로 작동합니다. 실제 사이트가 테스트하지 않고

http://jsbin.com/musod/1/edit

, 나는 몇 가지 가능성을 제안 할 수 있습니다 : 당신이 404을 받고있어, 그래서

  1. 비디오 파일이 서버의 올바른 위치에 있지 또는 503 개의 오류가 있습니다.

  2. 비디오 파일은 브라우저에서 재생할 수있는 방식으로 올바르게 인코딩되지 않습니다. 잘못된 코덱을 사용하거나 비트 전송률이 너무 높으면 (너무 가능성이없는 경우)이 경우 일 수 있습니다.

  3. Wordpress와 같은 호스팅 플랫폼이나 최소한의 서식 지정 HTML로 일반 텍스트를 예상하는 것과 같은 호스팅 플랫폼에 붙여 넣은 것처럼 HTML이 어떻게 든 엉망이되었습니다.

다음은 문제를 진단하기 위해 수행 할 수있는 몇 가지 단계입니다. 추가 지침이 필요한 경우 여기에서 의견에 결과를보고하십시오.

  1. 브라우저 console에서 오류 메시지를 확인하십시오.

  2. 브라우저에 비디오 파일의 전체 URL을 붙여 넣으십시오. 파일로드를 유발하는 404, 503 또는 기타 오류가있는 경우 표시됩니다.

  3. 개발자 도구의 '네트워크'패널에서 올바른 URL을 가지고 있는지 확인하고 파일이로드되는지 확인하십시오.

  4. 비디오 파일을 브라우저로 바로 드래그하여 재생되는지 확인하십시오. 인코딩에 문제가있는 경우 표시됩니다. 브라우저 은 별도의 HTML없이 동영상을 자체적으로 재생할 수 있어야합니다.

  5. View the HTML source 웹 페이지에서 작성한 것처럼 서버에서 HTML을 제공하는지 확인합니다.예를 들어 converted your "angle brackets" to html entities이 없거나 따옴표를 "스마트 인용 부호"로 변경했는지 확인하십시오.

+0

자세한 답장을 보내 주셔서 감사합니다. 나는 너의 충고를 듣고 다음을 시도했다. 나는 비디오를 브라우저로 끌어다 놓았고 모두로드되어 잘 작동했다. 그러나 비디오를 내 서버에 업로드하고 비디오 경로로 직접 이동하면 재생되지 않습니다. 재생되는 유일한 비디오는 swf 파일입니다. 다른 두 사람은 그렇지 않습니다. 시도 할 때이 오류가 발생합니다. HTTP 오류 404.3 - 찾을 수 없음 요청한 페이지를 확장 구성으로 인해 서비스 할 수 없습니다. 페이지가 스크립트이면 핸들러를 추가하십시오. 파일을 다운로드해야하는 경우 MIME 맵을 추가하십시오. –

+0

초조해하는 점은 플래시 파일의 URL을 브라우저에 붙여 넣으면 잘로드되고 재생된다는 것입니다. 하지만 코드에서 mp4 및 ogv 줄을 제거하면 여전히 플래시 버전이 재생되지 않습니다. –

+0

여기에 내가 볼 수 있고 함께 놀 수있는 테스트 사이트 설정이 있습니다 : http://schoolcrossingguard.net/memberarea/testvids.asp 다른 제안이 큰 도움이 될 것입니다 !! 감사! –

관련 문제