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

Javascript 如何使Audio.js与moodle测验中的文本内联,javascript,html,html5-audio,moodle,audiojs,Javascript,Html,Html5 Audio,Moodle,Audiojs,所以我在我的网站上使用audio.js。我定制了audio.min.js,只有“播放/暂停”按钮可见。我希望该按钮出现在文本的左侧。我该怎么做 因为现在,文本总是出现在“播放/暂停”按钮下方的新行中。我希望它在同一条线上 我的HTML页面上的代码如下所示: <audio> <source src="https://www.website.com/voice/sample.mp3"> </audio> <!-- This is the text I w

所以我在我的网站上使用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 -->

您必须覆盖audiojs的css才能进行修改,并尝试添加类似以下css的内容:

.audiojs {
  float:left;
}
代码如下:


我希望这会有帮助

您能给我们看一下您的代码吗?对不起,我们正在同时编辑以更新它。请检查问题的代码。是的,它工作了!谢谢我还必须在audio.min.js中添加“display:inline”。不客气!如果答案有帮助,请接受:)就这么做吧!:)