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