Аудиоэлементы Firefox и HTML5 плохо играют вместе? - PullRequest
Новая
       13

Аудиоэлементы Firefox и HTML5 плохо играют вместе?

2 голосов
/ 02 марта 2012

В Firefox пустое пространство появляется над хромом встроенного аудиоэлемента HTML5.Это появляется всякий раз, когда медиа начинает воспроизведение.Я пытался выяснить, откуда это, но не смог.Это что-то, что присуще Firefox для обработки аудио html5?

Например, я щелкнул по примеру (внизу поста) на http://www.html5rocks.com/en/tutorials/audio/quick/, и он выглядит как на картинке ниже(В Firefox).

Однако в Google Chrome и Safari этого не происходит.

HTML5 Audio element with empty region above the control chrome

1 Ответ

2 голосов
/ 03 марта 2012

Похоже, это проблема с реализацией Firefox элемента HTML5 audio.Вы можете обойти это с небольшой дополнительной разметкой и CSS.

CSS: 

<style>
    .wrapper {
        height: 30px;
        position: relative;
    }

    audio {
        bottom: 0;
        position: absolute;
    }
</style>

HTML: 

<div class="wrapper">
    <audio src="your/path/file.mp3" controls></audio>
</div>
...