Question

如何在线显示MediaElement.js音频播放器？（被文字包围）。

我尝试将CSS here on JS Fiddle编辑为：

，但未成功

CSS

.mejs-container{
    position: relative; /*I tried changing this */
    clear: none; /* and added this */
}
.mejs-clear {
    clear:both;  /* tried "none" */
}

HTML

I want the player ON the same line with the second line of text<br/>
This Line, here -> <audio id="mejs-player" src="http://mediaelementjs.com/media/AirReview-Landmarks-02-ChasingCorporate.mp3" type="audio/mp3" controls="controls"></audio> <br/>
Not This Line.

的JavaScript

$('#mejs-player').mediaelementplayer({
    // API options
    features: ['playpause','progress','duration','tracks'],
    audioWidth: 200,
    alwaysShowControls: true,
});

Answer 1

在.mejs-container＆c; css中添加一行

display:inline-block;

http://jsfiddle.net/link2twenty/3fog266s/2/

显示mediaelement.js音频播放器内联

1 个答案: