<скрипт> $(документ).готово(функция() { пусть список воспроизведения = { '2': 'https://dl.dropboxusercontent.com/s/7mdlq5a3t06vydjr6ooct/VID_20220616_222602_153.mp4?rlkey=j88nkdadikl58kp8ngxmtuih9&dl=0', '4': 'https://dl.dropboxusercontent.com/s/ugjncghx2elk3xg1f19y3/VID_20220702_234516_461.mp4.mov?rlkey=x82487wdlbp8qlxax5m3qq9dn&dl=0', '6': 'https://dl.dropboxusercontent.com/s/xlx2mpsrlv8wafway4n7f/lv_0_20220620175013.mp4?rlkey=mtruj8tekur1tbzws2r130k21&dl=0', '8': 'https://dl.dropboxusercontent.com/s/7jwmgredomrv4nain9iz3/lv_0_20220703213340.mp4?rlkey=zgg032i219ao74ie2112dfwsz&dl=0' }; для (клавиша var в плейлисте) { $('.t994__item-wrapper:eq(' + (+key - 1) + ') .t994__content').before(''); } ;let videoNum = $('.t994__video').length; function pauseVideo() { $('.t994__video').each(function(index) { let thisVideo = $(this); if ($(this).get(0).played) $(this)[0].pause(); thisVideo.siblings('.t994__video-btn-mute').removeClass('mute_show'); }); $('.t994__video-btn').removeClass('playbtn_hide'); setTimeout(функция() { пусть findVideo = $('.t994__item.t-slds__item_active').find('видео'); if (findVideo.длина) { findVideo.next('.t994__video-btn').addClass('playbtn_hide'); findVideo[0].play(); findVideo.siblings('.t994__video-btn-mute').addClass('mute_show'); } ; }, 100); } ;$('.t994__item-оболочка').вкл('клик', '.t994__video-btn-отключение звука', функция (e) { $ ('.t994__video').prop ('приглушенный', false); $('.t994__video-btn-mute').addClass('mute_dis'); }); $('.t994__контент, .t994__видео-btn').click(функция() { пусть videoLn = $(this).ближайший('.t994__item-оболочка').найти ('video'); if (видеозапись.длина) { if (видеозапись.получить(0).приостановлено) { videoLn.next('.t994__video-btn').addClass('playbtn_hide'); videoLn.get(0).play(); videoLn.siblings('.t994__video-btn-mute').addClass('mute_show'); } else { videoLn.next('.t994__video-btn').removeClass('playbtn_hide'); videoLn.get(0).pause(); videoLn.siblings('.t994__video-btn-отключение звука').removeClass('mute_show'); } } ; }); setTimeout(функция() { $('.t994__предмет: первое видео')[0].play(); }, 1000); пусть slideline = document .querySelector('.t994__slidecontainer'); var observer = новый MutationObserver(функция(мутации) { мутации.forEach(функция(мутация) { var newVal = $(мутация.slideline).prop(мутация.attributeName); if (мутация.Имя атрибута === "data-slide-pos") { Приостановите видео() } ; }); } ); наблюдатель.наблюдать(линия скольжения, { атрибуты: true }); }); <стиль> .t994__видео-оболочка { ширина: 100%; высота: 100%; положение: абсолютное; } .t994__video-btn , .t994__video-btn-отключение звука { ширина: 60 пикселей; высота: 60 пикселей; фоновое изображение: url (https://static.tildacdn.pro/tild6465-3064-4962-b733-383664376338/Group_8.svg); позиция: абсолютная; слева: 50%; вверху: 50%; размер фона: содержит; повтор фона: нет повтора; преобразование: перевод (-50%) Перевод (-50%); курсор: указатель; z-индекс: 99; переход: всего 0,3 секунды для упрощения ввода-вывода; } .t994__видео-btn-отключение звука { дисплей: отсутствует; фоновое изображение: url(https://static.tildacdn.pro/tild3938-6263-4461-b031-363134353565/volume_1.svg); } .playbtn_hide { непрозрачность: 0 } .t994__video-btn: наведите курсор { преобразуйте: увеличьте (-50%) масштаб перевода (-50%) (1.1) } .mute_show { отображение: заблокировать } .mute_dis { отображение: отсутствует!важно }