mediaelement를 사용하는 안드로이드에서 스트리밍 hls

Question

iPad, iPhone 및 Android에서 스트리밍 hls에 mediaelement.js UI를 사용하려고합니다.

있는 HTML이 다음과 같은 같은 것입니다 (SRY 내가 공개 할 수없는 우리의 HLS 링크) :

<video src="testinghls.m3u8"></video> 

그리고 스크립트 : 아이 패드 및 아이폰과 잘 작동

$('video').mediaelementplayer({ 
     // if the <video width> is not specified, this is the default 
     defaultVideoWidth: 480, 
     // if the <video height> is not specified, this is the default 
     defaultVideoHeight: 270, 
     // specify to force MediaElement to use a particular video or audio type 
     type: 'application/x-mpegURL', 
     // the order of controls you want on the control bar (and other plugins below) 
     features: ['playpause','progress','volume','fullscreen'], 
     // Hide controls when playing and mouse is not over the video 
     alwaysShowControls: false, 
     // force iPad's native controls 
     iPadUseNativeControls: false, 
     // force iPhone's native controls 
     iPhoneUseNativeControls: false, 
     // force Android's native controls 
     AndroidUseNativeControls: false 
    }); 

하지만, Android로 실패합니다. 그것은 어떻게 든 비디오를 재생할 수 없으며 다운로드 링크로 폴백하는 것을 감지합니다. 그것은 또는 아래이 같은 모두 iOS 및 안드로이드 기기의 입력없이 잘 작동하고 내가 HLS와 순수한 비디오 태그를 시도 옆에

:

<video src="{{c.get('hls')}}" type="application/x-mpegURL" style="width:320px;height:185px" controls></video> 
<video src="{{c.get('hls')}}" style="width:320px;height:185px" controls></video> 

은 어떻게 MediaElement를 만들기 위해 config (설정)한다 작동합니까? 또는 Mediaelement.js를 사용하여 일부 수정/수정하십시오.

Answer 1

동영상 인코딩 문제 일 수 있습니다. Android는 특정 인코딩이 필요하며 이는 MediaElement.js의 주요 문제입니다.

이 해결책은 this

에 제안되어 있습니다.