爲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元素本身入店。