如何使 Audio.js 与 moodle 测验中的文本内联

Question

所以我在我的网站上使用 audio.js。我自定义了 audio.min.js，只有 "PLAY/PAUSE" 按钮可见。我希望该按钮出现在文本的左侧。我该怎么做？

因为现在，文本总是出现在 "play/pause" 按钮下方，换行。我希望它在同一行上。

我的 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/

希望对你有帮助

如何使 Audio.js 与 moodle 测验中的文本内联

How to make Audio.js inline with text in moodle quiz

html

javascript

moodle

html5-audio

audiojs