Показать сообщение отдельно
  #3 (permalink)  
Старый 29.01.2018, 11:45
Новичок на форуме
Отправить личное сообщение для Alexandr33 Посмотреть профиль Найти все сообщения от Alexandr33
 
Регистрация: 29.01.2018
Сообщений: 1

Здравствуйте ,
На сайте есть видео 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>
Ответить с цитированием