The Weeknd
Call Out My Name
Taken from the album My Dear Melancholy
mp4 version

Как добавить кнопку включения и выключения звука для видеообложки в Tilda

Как выполнили данный пример:

Как выполнили данный пример:
1. Создали ZeroBlock
2. Добавили в него две иконки динамика
3. Одной иконке задали ссылку #unmutesound
4. Второй иконке задали ссылку #mutesound
5.Сделали иконки фиксированные при скролле, высоту ZeroBlock проставили 0px
6. Создали блок CR01 и добавили в фон видео MP4
6. Добавили скрипт на страницу
Добавлена возможность выставить громкость
Скрипт добавляется в блок ДРУГОЕ►Т123
<script>
//Присваиваем классы нашим кнопкам
$("[href = '#unmutesound'] ").addClass('unmutesound');
$("[href = '#mutesound'] ").addClass('mutesound').hide();
//ПРи нажатии на кнопку UNMUTE
$(".unmutesound").click(function(event) {
 document.getElementsByTagName('video')[0].volume = 0.7;
 $("video").prop('muted', false);
$(".unmutesound").hide(400);$(".mutesound").show(400);event.preventDefault();
});
//При нажатии на кнопку MUTE

$(".mutesound").click(function(event) {
document.getElementsByTagName('video')[0].volume = 0;
$(".mutesound").hide(400);$(".unmutesound").show(400);event.preventDefault();
});

  </script>
Made on
Tilda