mediaelements.js 오디오 플레이어가 모바일 반응성 크기 조정을 위해 수정해야합니다.

Question

정말이 플러그인에 깊은 인상을 받았으며 다른 포럼에서는 해결할 수 없거나 단단한 문제를 발견하지 못했습니다. 내 현재 테마가 다른 모든 시각적 요소에 적용되므로 내 게시물의 오디오 플레이어 요소가 기기 크기 조정에 응답하고 싶습니다. 비디오 플레이어가 moible에 대한 크기 조정에 완벽하게 응답하는 것처럼 보이지만 오디오 플레이어가 화면의 측면에서 벗어납니다. 어떤 통찰력도 좋을 것입니다. 필요한 경우 참조 용 사이트는 다음과 같습니다. http://ericbvoice.com/category/commercial/

Answer 1

그동안 알아 냈습니까? 링크를 열면 플레이어가 반응합니다. 이 자바 스크립트 코드를 찾을 수 없습니다? 또는 CSS를 수정하여 작업을 수행 했습니까? 안부 인사 - 울리히 편집 : 지금 해결책을 찾았습니다.

 $(document).ready(function() { 
      var player = new MediaElementPlayer('#audioplayer', 
      { pauseOtherPlayers: false, 
       features: ['playpause', 'current', 'progress', 'duration'] 
      }); 
      player.pause(); 
      player.play(); 
      var inPlayersize = 400; 
      function resPlayer() { 
       if ($(window).width() + 20 < inPlayersize) { 
        player.setPlayerSize($(window).width() - 20, 30); 
        player.setControlsSize(); 
       } 
      } 
      resPlayer(); 
      $(window).resize(function() {resPlayer();}); 
     });