2013-07-18 6 views
1

저는 videojs를 사용했으며 모든 브라우저 (IE 포함)와 Android에서 잘 작동합니다. 하지만 그것은 IOS 장치 (아이폰과 ipad IOS 버전 6)에서 작동하지 않습니다.VideoJS : IOS에서 작동하지 않습니다.

다음은 비디오를 페이지에 추가하기 위해 사용하는 코드입니다.

<video id="video1" class="video-js vjs-default-skin" width="276" height="153" controls="" preload="auto" data-setup="{}"> 
<source src=myvideo.mp4 type="video/m4v" > 
</video>  

나는 많은 시간을 보냈지 만 해결책을 찾지 못했습니다. 저는 video.js 버전 3.2.0을 사용하고 로딩 스피너를 영원히 얻습니다. 버전 4를 사용해 보았는데 검은 색 화면이 나타납니다.

도움주세요.

+1

ios에서 파일을 재생할 수 있는지 확인하셨습니까? –

+0

다른 질문이있는 경우가 아니지만 iOS는 자동 재생을 지원하지 않습니다. http://help.videojs.com/discussions/questions/922-autoplay-on-ipad-does- not-work-without-controls – Wtower

답변

5

원본 src 특성 주위에 큰 따옴표를 넣고 시도하십시오. 문제가 해결되지 않으면 mp4 자체에 문제가있는 것 같습니다. 인코딩 된 방식이나 거대한 파일 크기 때문일 가능성이 큽니다. videojs의 기본 동영상 (http://vjs.zencdn.net/v/oceans.mp4)을 사용해보고 정상적으로 작동하는지 확인하십시오. 작동하면 영화 파일 자체에 문제가 있다는 것을 알고 있습니다.

+0

예, 문제는 영화 자체에서 발생했습니다. 감사합니다 –

+0

하지만 모든 장치/모든 브라우저에서 작동하지만 IE9에서 작동하지 않습니다. –

+0

예, 현재 videojs의 릴리스에는 약간의 문제가있는 것으로 보입니다. 여기 비디오 튜토리얼을 좀 더 모바일 친화적으로 만들어주는 튜토리얼을보십시오. http://www.andy-howard.com/recreate-bbc-iplayer/index.html 약간 오래된 버전의 videojs를 사용합니다 (약 1 개월 이전), 모든 브라우저와 스마트 폰에서 작동합니다. –

3

웹 서버가 바이트 범위 요청을 지원하고 웹 서버 지원 여부를 확인해야합니다. nginx를 사용하고 있다면, mp4 모듈을 추가하십시오.

+0

이 작업을 직접 시도하지는 않았지만, 내 서버가 아닌 AWS S3에서 비디오를 호스팅하면 비디오가 iOS 장치에서 작동하기 시작했습니다. 확실히 서버 구성이 비디오 재생 여부에 영향을 미칠 것 같습니다. –

2

handbrake을 사용하여 대부분의 mp4 인코딩 문제를 해결했습니다.

+0

핸드 브레이크 암 – mtyson

관련 문제