2016-04-20 2 views
1

добавить видео в заголовок, который будет воспроизводиться автоматически после загрузки страницы, но я не могу уменьшить громкость видео ..Как уменьшить громкость Auto Play Of HTML Video

Я попытался с помощью некоторые 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

да теперь он работает. Брекетинг был неправильно размещен, и я не заметил об этом..thanks –