mediaelements.js音频播放器需要修复移动响应大小

Question

我真的很喜欢这个插件，只是有一个问题，我似乎无法解决或找到一个坚实的解决在其他论坛。我希望我的帖子中的音频播放器元素能够响应设备大小调整，因为我目前的主题可以适用于所有其他视觉元素。视频播放器似乎对移动的大小进行了完美的响应，但音频播放器在屏幕的边缘运行。任何见解都会很棒。这里的网站供参考，如果需要的话： http://ericbvoice.com/category/commercial/

Answer 1

你在这段时间弄清楚了吗？当我打开你的链接时，球员会作出反应。我无法找到达到此目的的JavaScript代码？或者你通过修改CSS来做到这一点？ 此致 - Ulrich 编辑：现在想出了一个解决方案：

 $(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();}); 
     });