1

Добрый, день! Имеется html конструкция.

< img src="/images/test"/ ><br/>
< p >Рандомный текст< /p ><br/>
< audio controls ><br/>
  < source src="sound.ogg" type="audio/ogg" ><br/>
  < source src="sound.mp3" type="audio/mp3" ><br/>
  Ваш браузер не пожжерживает тег audio!<br/>
< /audio ><br/>

Как сделать так, чтобы для браузеров, которые не поддерживают тег audio, вместо текущей конструкции выводилось одна ошибка "Ваш браузер устарел", вместо картинки-параграфа-ошибки"Ваш браузер не пожжерживает тег audio!"

1 ответ 1

2

Используйте Modernizr

вот пример с включенной проверкой на audio:

HTML

<div class="req_audio">
    <img src="/images/test" />
    <br/>
    <p>Рандомный текст</p>
    <br/>
    <audio controls>
        <source src="sound.ogg" type="audio/ogg">
        <source src="sound.mp3" type="audio/mp3">
        Ваш браузер не поддерживает ни audio ни javascript                
    </audio>
</div>
<div class="req_audio error">Ваш браузер устарел</div>

CSS

.req_audio {
    display: none;
}
.req_audio.error {
    display: block;
}

html.audio .req_audio {
    display: block;
}
html.audio .req_audio.error {
    display: none;
}

Демо

js сгенерирован на сайте Modernizr

1
  • @eicto, спасибо, это то, что было нужно.
    – yreuq
    7 окт 2013 в 10:18

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.