Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   задать volume для тега audio (https://javascript.ru/forum/xhtml-html-css/44844-zadat-volume-dlya-tega-audio.html)

Rinatus 04.02.2014 06:44

задать volume для тега audio
 
Как задать для тега <audio> которая есть в html, определённую громкость? Это для того чтобы звук не был очень громким сразу при загрузки страницы.
Стандартных html тегов для такого случая я так понял не существует.
пробовал через "document.getElementByID('myAudio').volume += 0.1" не работает, в поиск вбивал не нашёл.

Rinatus 08.02.2014 23:16

вот так вот..
<audio id="myPlayer" autoplay="autoplay" controls>
   <source src="assets/audio/VLA.mp3" type="audio/mpeg">
</audio>

вот так вот..
myVid=document.getElementById("myPlayer");
myVid.volume=0.2;

вот так вот!

Alexandr33 29.01.2018 11:45

Здравствуйте ,
На сайте есть видео html5,панель управления видео скрыта.
ВидеФон на весь экран.
Можно сделать, что бы на сайте регулировался звук колесиком мышкой
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<link href="css/Безымянный2.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function()
{
   function resizeVideo() 
   {
      var ratio = 16/9;
      var widthViewPort = $(window).width();
      var heightViewPort = $(window).height();
      var width, height;
      var $player = $('#MediaPlayer1');
      if (widthViewPort / ratio < heightViewPort)
      {
         width = Math.ceil(heightViewPort * ratio);
         $player.width(width).height(heightViewPort).css({left: (widthViewPort - width) / 2, top: 0});
      }
      else
      {
         height = Math.ceil(widthViewPort / ratio);
         $player.width(widthViewPort).height(height).css({left: 0, top: (heightViewPort - height) / 2});
      }
   }
   $(window).on('resize', function() 
   {
      resizeVideo();
   })
   resizeVideo();
});
</script>
</head>
<body>
<div id="wb_MediaPlayer1">
<video src="520564327.mp4" id="MediaPlayer1" autoplay="autoplay" preload="auto">
</video>
</div>
</body>
</html>


Часовой пояс GMT +3, время: 14:00.