2016-04-20 70 views
1

第一卷添加視頻的標題,這將加載後頁面自動播放,但是我無法降低視頻的音量..如何降低自動播放的HTML視頻

我試着使用一些Javascript控制音量,但它不工作...

<script> 
var vid = document.getElementById("myVideo"); 
vid.volume = 0.01; 
} 
</script> 
+2

那是什麼'}'呢? –

+0

您是否在控制檯中看到任何錯誤(點擊F12)。您的代碼有語法錯誤。 –

回答

1

將您的腳本放在關閉</body>標記之前。
這將確保JS讀取頁面中的所有元素,然後才能操作它們。

<script > 
    var vid = document.getElementById("myVideo"); 
    vid.volume = 0.01; 
</script> 

</body> 

例子:

<body> 
 

 
<video id="myVideo" width="640" height="360" controls="" autoplay=""> 
 
\t <!-- MP4 must be first for iPad! --> 
 
\t <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"><!-- Safari/iOS, IE9 --> 
 
\t <source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm"><!-- Chrome10+, Ffx4+, Opera10.6+ --> 
 
\t <source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg"><!-- Firefox3.6+/Opera 10.5+ --> 
 
</video> 
 
    
 
    
 
<script > 
 
    var vid = document.getElementById("myVideo"); 
 
    vid.volume = 0.1; 
 
</script> 
 

 
</body>

+0

仍然不能正常工作 –

+0

@ImranIqbal它*將*工作,如果你刪除多餘的'}' –

+0

是的,現在它的工作.. Breacket錯誤地放置,我沒有注意到它..謝謝 –