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

时间:2014-03-18 21:09:26

标签: javascript jquery audio

我对这个插件印象非常深刻,只有一个问题似乎无法在其他论坛上解决或找到可靠的解决方案。我想在我的帖子中的音频播放器元素响应设备调整大小,因为我当前的主题对所有其他视觉元素。视频播放器似乎完全响应调整大小,但音频播放器运行在屏幕的一侧。任何见解都会很棒。如果需要,这里是供参考的网站: http://ericbvoice.com/category/commercial/

1 个答案:

答案 0 :(得分:0)

你有没有在此期间弄明白?当我打开你的链接时,玩家的行为反应灵敏。我无法找到实现此目的的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();});
        });