moodleのクイズで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/

私はそれが役に立ちそうです