javascript - 如何使 Audio.js 与穆德尔测验中的文本内联

Question

所以我在我的网站上使用了 audio.js。我自定义了 audio.min.js，只有“播放/暂停”按钮可见。我希望该按钮出现在文本的左侧。我怎样才能做到这一点？

因为现在，文本总是出现在“播放/暂停”按钮下方的新行中。我希望它在同一条线上。

我的 HTML 页面上的代码如下所示：

<audio>
  <source src="https://www.website.com/voice/sample.mp3">
</audio>
<!-- This is the text I want to see on the same line as the audio tag which is in use with audio.js -->

Answer 1

您必须覆盖audiojs的css才能修改，并尝试添加类似这样的css：

.audiojs {
  float:left;
}

有代码：https ://jsfiddle.net/qp5xjxb9/1/

我希望它有帮助