html 5 videojs는 iPhone 3G에 표시되지 않습니다.

Question

iPhone에서 모두 엉망입니다. 여기

<video id="my_video_1" class="video-js vjs-default-skin" controls 
preload="auto" width="540" height="425" poster="/sites/all/themes/iws/videos/image001.jpg" 
data-setup="{}"> 
<source src="/sites/all/themes/iws/videos/overview-IWS-proposal.mp4" type="video/mp4"> 
<source src="/sites/all/themes/iws/videos/overview-IWS-proposal.ogg" type="video/ogg"> 
<source src="/sites/all/themes/iws/videos/overview-IWS-proposal.webm" type="video/webm"> 

</video> 

포스터 사진 및 재생 버튼이 표시됩니다 코드 그러나 재생 버튼이 모두 엉망 (중앙에 있지 격렬 오른쪽 아래 구석에 뻗어)되어이며 경우에도 재생되지 않습니다 당신이 그것을 클릭하십시오. 당신은 와이파이 (3G)에 연결되어 있지 않은

를 무선 랜에 연결되어있을 때 이것은, 단순히 (금연 사인 등) 그것을 통해 취소 선이있는 재생 버튼 다음

이에 대한 페이지입니다 보여줍니다 구형 아이폰은 이전의 코덱을 처리 할 수 ​​있습니다 더 문서

http://www.imageworksstudio.com/content/video-testing

Answer 1

이 문제가 조금 나 자신,이 같은 일이 확실하지 있었다. from apple -

바탕 화면의 Safari는 설치된 QuickTime의 버전이 재생할 수있는 모든 미디어를 지원합니다. 여기에는 코덱을 사용하여 인코딩 된 미디어가 포함됩니다. 코덱이 사용자 컴퓨터에 QuickTime 코덱 구성 요소로 설치되어있는 경우 QuickTime은 기본적으로 지원하지 않습니다.

iOS (iPad 포함)의 Safari는 현재 비 압축 WAV 및 AIF 오디오, MP3 오디오 및 AAC-LC 또는 HE-AAC 오디오를 지원합니다. HE-AAC가 선호되는 형식입니다.

iOS (iPad 포함)의 Safari는 현재 H.264 비디오 (기본 프로필) 및 지원되는 오디오 유형 중 하나로 인코딩 된 MPEG-4 비디오 (기본 프로필) 및 QuickTime 동영상을 지원합니다.

iPad 및 iPhone 3G 이상은 H.264 기준 프로필 3.1을 지원합니다. 이전 버전의 iPhone은 H.264 Baseline profile 3.0을 지원합니다.

https://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW1

Answer 2

이것은 아마도 인코딩 문제이다. 3G의 경우 Baseline@3.0 코덱 프로필로 인코딩해야하며 3GS의 경우 Baseline@3.0 또는 Baseline@3.1 코덱으로 인코딩 할 수 있습니다. http://blog.zencoder.com/2010/09/30/how-to-encode-video-for-mobile-use/