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

Posted 2023-02-25

【中文标题】mediaelement.js 音频播放器需要修复移动响应大小

【英文标题】：mediaelements.js audio player need fix for mobile responsive sizing

【发布时间】：2014-03-18 21:09:25

【问题描述】：

这个插件给我留下了深刻的印象，只有一个问题我似乎无法解决或在其他论坛上找到可靠的解决方案。我希望我的帖子中的音频播放器元素能够响应设备大小调整，就像我当前的主题对所有其他视觉元素所做的那样。视频播放器似乎可以完美地响应移动设备的大小调整，但音频播放器跑出了屏幕的一侧。任何见解都会很棒。如果需要，这是供参考的网站： http://ericbvoice.com/category/commercial/

【参考方案1】：

您在此期间发现了吗？当我打开你的链接时，玩家会做出反应。我找不到实现此目的的 javascript 代码？或者你是通过修改 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(););
        );