2017-01-31 12 views
0

Так что я использую audio.js на своем веб-сайте. Я настроил audio.min.js, что будет только кнопка «PLAY/PAUSE». Я хочу, чтобы эта кнопка появлялась слева от текста. Как я могу это сделать?Как сделать Audio.js встроенным с текстом в викторине moodle

Причина, прямо сейчас, текст появляется в строке «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 --> 
+0

Можете ли вы показать нам свой код? – imudin07

+0

Извините, но редактировалось в то же время, чтобы обновить его. Пожалуйста, проверьте вопрос для кода. – Linas

ответ

0

Вы должны перезаписать CSS audiojs для того, чтобы изменить, и попытаться добавить что-то вроде этого CSS:

.audiojs { 
    float:left; 
} 

Eсть код: https://jsfiddle.net/qp5xjxb9/1/

Я надеюсь, что это помогает

+0

Да, это сработало! Благодаря!! Мне также пришлось добавить «display: inline» внутри audio.min.js. – Linas

+0

Добро пожаловать! Пожалуйста, примите ответ, если он помог :) – imudin07

+0

Просто сделал это! :) – Linas