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

mediaelements.js audio player need fix for mobile responsive sizing

本文关键字：移动 响应 js 音频 播放器 Mediaelements      更新时间：2023-09-26

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

在此期间你弄明白了吗?当我打开你的链接时，玩家会做出相应的反应。我找不到实现这一点的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();});
        });
相关文章：