Проблемы с созданием пользовательского регулятора громкости для видео HTML5

Question

У меня довольно сложный проект в работах, для которого требуется настраиваемый ползунок громкости для управления элементом видео HTML5.Я свел регулятор громкости к очень простому примеру и не вижу причин, почему он не должен работать.Я хотел бы получить любую информацию о следующем коде:

jQuery:

<script>
$(function() {
    $('#volume').change(function () {
        newvolume = $('#volume').attr("value") / 100;
        $('#video').attr("volume", newvolume);
        console.log($('#video').attr("volume"));
    });
});
</script>

HTML:

<video id="video" controls="controls">
    <source src="http://dev.domain.com/media/16514.m4v">
</video>

<input id="volume" type="range" min="0" max="100" value="100" />

Следует отметить, что каждый аспект этого работаеткроме слышимого изменения громкости на видеоклипе.Даже результат console.log возвращает правильное значение (от 0 до 1,00). Я также пробовал использовать строго Javascript-версию, т.е. videoElement.volume = newvolume

Если это важно, я тестирую в Safari 5.1.2.

Answer 1

Вместо $('#video').attr("volume", newvolume); попробуйте следующее:

$('#video')[0].volume = newvolume;

Если память служит, volume не является атрибутом video в HTML5, она доступна только через сам элемент DOM.