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

 
Посетитель
small user social cms
Медаль
Сообщений: 193
Здравствуйте, есть страница html в ней видео фон html5 на всю страницу, как можно сделать, чтобы регулировать звук колесиком мышки на сайте
Код PHP:
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>index</title>
  6. <link href="css/Безымянный2.css" rel="stylesheet">
  7. <link href="css/index.css" rel="stylesheet">
  8. <script src="js/jquery-1.12.4.min.js"></script>
  9. <script>
  10. $(document).ready(function()
  11. {
  12. function resizeVideo()
  13. {
  14. var ratio = 16/9;
  15. var widthViewPort = $(window).width();
  16. var heightViewPort = $(window).height();
  17. var width, height;
  18. var $player = $('#MediaPlayer1');
  19. if (widthViewPort / ratio < heightViewPort)
  20. {
  21. width = Math.ceil(heightViewPort * ratio);
  22. $player.width(width).height(heightViewPort).css({left: (widthViewPort - width) / 2, top: 0});
  23. }
  24. else
  25. {
  26. height = Math.ceil(widthViewPort / ratio);
  27. $player.width(widthViewPort).height(height).css({left: 0, top: (heightViewPort - height) / 2});
  28. }
  29. }
  30. $(window).on('resize', function()
  31. {
  32. resizeVideo();
  33. })
  34. resizeVideo();
  35. });
  36. </script>
  37. </head>
  38. <body>
  39. <div id="wb_MediaPlayer1">
  40. <video src="520564327.mp4" id="MediaPlayer1" autoplay="autoplay" preload="auto">
  41. </video>
  42. </div>
  43. </body>
  44. </html>
Посетитель
small user social cms
Медаль
Сообщений: 446
@alexandr22:
регулировать звук "колесиком" мышки на сайте
А на мобиле "носиком"?

P.S. Mobile -> mp4 & ogv & webm !
Посетитель
small user social cms
Медаль
Сообщений: 446
@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 и возможен).
И требуется лишь включение и остановка видео. Звук регулируется "ручками" на любых устройствах.
Успехов.
Редактировалось: 1 раз (Последний: 31 января 2018 в 16:44)
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.