새로운 방법으로 가져온 플레이어 인스턴스가 iOS safari에서 작동하지 않습니다.

Question

안녕하세요, 저는 공식적으로 또는 비공식적으로 두 가지 방법을 시도하여 플레이어의 인스턴스를 얻었습니다. PC 브라우저에서는 한 가지 방법 만 사용할 수 있지만 iOS 사파리에서는 작동하지 않습니다.

<video id="player1" src="/videos/docTest.mp4" width="480" height="320" ></video> 

그리고에서, 나는이 방법으로 비디오를 초기화 : (. 내 경우에는 아이 패드 미니)

에서,이 구현 mediaelementplayer 웹 사이트에 표시되는 내용으로

 $('video,audio').mediaelementplayer({ 
      // do something 
      features: ['playpause', 'progress', 'current', 'duration', 'volume', 'fullscreen'], 
      iPadUseNativeControls: false, 
      iPhoneUseNativeControls: false, 
      AndroidUseNativeControls: false, 

     }); 

. 이것이 플레이어가 작동하는 유일한 방법입니다.

나중에, 사용자 지정 스타일링 작업을 수행해야합니다. 이는 진행률 표시 줄에 점프 점을 표시하는 것입니다. 나는

var player1 = MediaElementPlayer('#player1');

를 호출하여이 일에 성공했다. 그러나이 행 (및이 행만)은 iOS 사파리를 완전히 중단시킵니다. 내 ipad에, 선수는 비디오를 재생할 수 없습니다.

내가 작업하고있는 추가 기능을 통해 플레이어의 인스턴스를 가져와야합니다. 플레이어 인스턴스를 얻는 데 사용한 것과 다른 방법이 있습니까? 감사!

개인적으로는 플레이어의 인스턴스를 얻을 수 없다면 개발자에게 큰 문제가 될 수 있다고 생각합니다.

var player = $('#player1').mediaelementplayer(); 

을 또는이 작동하지 않는 경우도 나를 위해 작동 :

Answer 1

이 시도 그런 다음 플레이어에게 이벤트 리스너 등을 추가 할 수 있습니다

var player = $('#player1')[0].player; 

:

player.media.addEventListener('ended', function(e) { 
}, false);