개발 Q&A

제목 HTML video태그와 mp4관련 질문입니다.
카테고리 HTML
글쓴이 브레인토스트 작성시각 2017/05/30 15:28:10
댓글 : 5 추천 : 0 스크랩 : 0 조회수 : 21515   RSS
<video  preload>
    <source src="final.mp4" type="video/mp4">
    <source src="final.ogv" type="video/ogg">
    <source src="final.webm" type="video/webm">
</video>

 

현재 만들고 있는 사이트에 대략 이런 태그가 들어있습니다.

이 영상은 메인영상입니다.

다른 브라우저에서는 이상없이 작동하는데요.

IE에서는 영상자체가 로드되지 않는 느낌이더군요.

그래서 controls를 설정하면 플레이어에서 

오류: 지원되지 않은 비디오 유형 또는 잘못된 파일 경로입니다.

라는 메시지가 하단에 나옵니다.

물론 다른 브라우저에서는 이런 내용이 전혀 나오지 않습니다.

그리고 IE에서는 영상의 플레이 자체가 전혀안되고 있습니다.

그러다보니 영상이 재생이 된 후의 작동을 전혀 할 수 없게되어서 사이트에 문제가 생겼습니다.

여러가지 구글링을 검색해보니 코덱문제, <source>태그 안에 타입 속성에 코덱을 지정해봐라, 서버의 apache.conf 파일에

AddType을 넣어봐라 등 다양하게 수정을 해봤는데 전혀작동되질 않습니다.

이 문제를 어떻게 해결하는게 좋을까요?? 혹시나 싶어 말씀드립니다. 파일의 인코드는 H.264입니다.

그리고 개발자도구로 네트워크를 확인해보면 mp4영상의 status code는 206이 나오고 이 내용을 확인해보니

브라우저자체가 자동으로 분할다운로드 받기 때문에 정상이라고 합니다.

 

참조한 사이트

http://blog.servergrove.com/2012/04/18/configuring-your-apache-web-server-for-html5-video-formats/

https://stackoverflow.com/questions/6944679/html5-mp4-video-does-not-play-in-ie9

https://www.html5rocks.com/en/tutorials/video/basics/

 

 다음글 리다이렉션 이후 ajax 사용시 리턴값으로 해당 페이지... (2)
 이전글 socket 통신 관련 질문 및 조언을 듣고자 글을 올... (4)

댓글

변종원(웅파) / 2017/05/30 16:19:42 / 추천 0

h264 코덱이라도 어떤 인코딩툴을 사용했냐에 따라 특성을 탈 수 있습니다.

한 4년전에 각 브라우저에 호환되는 인코딩 규약을 노가다로 찾아서 올렸던 기억이 나네요.

http://cikorea.net/bbs/view/free?idx=4775&page=11&view_category=&lists_style=

포럼 메인화면 검색에서 html5 로 검색하시면 제가 2010년에 올렸던 자료들이 좀 나옵니다.

브레인토스트 / 2017/05/30 16:38:43 / 추천 0

@변종원(웅파)

대부분 링크가 사라졌네요 ㅠ

일단 주신 링크는 확인 해봤습니다...

codecs에 써있는걸 붙여도 안되네요 ㅠ

하.. 미치겠습니다.. 인코딩툴은 영상을 애펙으로 만들어주신거라 애펙일 것 같은데 어떻게 하죠 ㅠ

 

브레인토스트 / 2017/05/30 17:53:46 / 추천 0

@변종원(웅파)

해결이 되긴 했습니다.

https://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter

이 링크에 있는 내용을 참고해서 영상 해상도를 줄이니 바로 작동하네요..

변종원(웅파) / 2017/05/30 20:34:03 / 추천 0
브레인토스트/ ie 답네요. ㅎㅎㅎ
한대승(불의회상) / 2017/05/31 06:30:46 / 추천 0
좋은 정보 감사합니다.