Регулировка звука на сайте

#1 29 января 2018 в 18:01

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

#2 29 января 2018 в 19:40

регулировать звук "колесиком" мышки на сайте
@alexandr22

А на мобиле "носиком"?

P.S. Mobile -> mp4 & ogv & webm!

#3 31 января 2018 в 16:42

Регулировка звука на сайте
@alexandr22

О html5 и видео фоне html5 на всю страницу — несколько позже (если Вам будет интересно).
А вот ознакомиться с "древней регулировкой" звука можно в архиве Google — здесь.
Период времени:
This plugin was first released on November 21, 2010 and is licensed under the MIT license. Updated October 1, 2012.
На странице есть ссылка на демо (используется видео с Ютуба), можно посмотреть, а также скачать исходники.

В консоли браузера с демо можно будет видеть пресловутое:
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin.

На сегодняшний же день следует понимать, что "autoplay" на мобильных должен отсутствовать (хотя для чистого html5 и возможен).
И требуется лишь включение и остановка видео. Звук регулируется "ручками" на любых устройствах.
Успехов.

Отображение сайта на мобильных

Отображение статьи во вкладке

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Регулировка звука на сайте

Похожие темы

Как настраивать шаблон Modern?

Кто может разработать систему регулирования постов ?

[ЗАКРЫТО] нет звука о личных сообщениях

Создать трансляции на сайте

[ЗАКРЫТО] Блоги на сайте

Курсы, уроки на сайте

InstantCMS Team

О проекте

Поддержка

Дополнения