2012-12-10 2 views
5

휴대 기기에서 재생할 HTML5 동영상을 얻으려고합니다. 그것들은 최신 버전의 iOS에서 정상적으로 실행되는 것처럼 보이지만 Android 기기와 많은 불일치가 발생합니다.브라우저에서 HTML5 동영상 재생 - 대부분의 Android 기기에서 작동하는 기기는 무엇인가요?

나는 video.js를 사용하여 축소판 이미지를 클릭하면 해당 요소를 HTML5 비디오로 바꾸고 자동으로 재생합니다. 다음 코드는 Android 에뮬레이터에서 작동하지 않습니다 (축소판을 클릭해도 아무 효과가 없습니다). 내 Droid Razr에서 시도하면 비디오를로드하기 시작하고 브라우저가 멈 춥니 다. 이것은 네이티브 브라우저 크롬에서 발생합니다. Chrome은 기기에 고유 한 것으로 알려줍니다. 이 안드로이드 장치가 완전히 얼어 원인이 왜

<video id='fv3530' class='video-js' preoload='auto' width='100%' height='100%' poster='/posters/fv3530.jpg'> 
    <source type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" src='/videos/fv3530.mp4'> 
</video> 

아무도 알고 있나요, 그리고 내가이 비디오는 대부분의 안드로이드 기기에 지속적으로 실행하기 위해 수행 할 수

$(".video").live("click", function(e) { 
    e.preventDefault(); 
    $(this).replaceWith("<video id='" + $(this).data("video-id") + "' class='video-js' preoload='auto' width='100%' height='100%' poster='" + $(this).data("video-poster-url") + "'><source type='video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"' src='" + $(this).data("video-url") + "'></video>"); 

    video = _V_($(this)); 
    video.ready(function() { 
     this.play(); 
     this.requestFullScreen(); 
    }); 
}); 

html로는 존재를 끝?

감사합니다.

+0

답장 중 하나를 확인해 주시겠습니까? 현상금 시작. 고맙습니다. –

답변

1

source 선언에서 type 속성을 제거하십시오. 일반적으로 Android, 이전 버전의 경우 문제가 발생합니다.

소스 선언은 간단해야한다 :

<source src='/videos/fv3530.mp4'> 

나는 안드로이드에서 작동하는 HTML5 비디오를 (단지 안드로이드 2.2을 실행하는 내 HTC의 욕망에 그것을 테스트)가있는 small site 있습니다.

+0

고마워요! 나를 위해 일했습니다. –

+0

도움이 된 것을 기쁘게 생각합니다. –

+0

내 넥서스 7 2013에서 작동하지 않습니다. –

2

자체가이 질문하십시오 : 분명히 HTML5 <video> element on Android

, 안드로이드와 HTML5 비디오를 사용하는 가능성이 http://developer.android.com/about/versions/android-2.0-highlights.html 에 따르면,이 그러나이 일을하기 위해 몇 가지 엄격한 parameteres가은 (질문에 대한 확인 응답을 참조).

에뮬레이터, 특히 html5 등의 이벤트를 처리하는 것이 쉽지 않으므로 테스트를 위해 실제 장치를 사용해야합니다 (실제로 권장 됨). 휴대 전화에 어떤 문제가 있는지, 작동하지 않는 이유는 유료가 지원되지 않는 비디오 코덱을 사용하고 있다는 것입니다.

관련 문제