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

Question

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

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