Как запускать/останавливать видео по нажатию на кнопку?

95
07 июля 2021, 20:40

Указал ниже скрипт, который запускается при нажатии на кнопку. После этого видео останавливается, но при повторном нажатии не хочет запускаться. Подскажите, в чем ошибка?

function PlayorStopVideo13() { 
    const video = document.getElementById('rec_13'); 
    const btnSwitchVideo = document.getElementById('btnSwitchVideo-13'); 
    const textControl = document.getElementById('textControl'); 
    console.log(video); 
    console.log(btnSwitchVideo); 
    console.log(textControl); 
    var IsVideoStart = ''; 
 
    if (IsVideoStart = true) { 
        console.log('Остановить') 
        video.pause(); 
        IsVideoStart = false; 
        video.classList.add('video-paused'); // Добавили размытие на видео 
        textControl.textContent = 'Воспроизвести видео'; 
    } if (IsVideoStart = false) { 
        console.log('Запустить видео') 
        video.play(); 
        video.classList.remove('video-paused'); // Убираем размытие на видео 
        textControl.textContent = 'Остановить видео'; 
    } else { 
        console.log('Ошибка'); 
    } 
 
 
};

Answer 1

Решил задачу таким образом:

function PlayorStopVideo13() { 
    const video = document.getElementById('rec_13'); 
    const btnSwitchVideo = document.getElementById('btnSwitchVideo-13'); 
    const textControl = document.getElementById('textControl'); 
 
    if (video.classList.contains("video-paused")) { 
        video.play(); 
        video.classList.remove('video-paused'); 
        textControl.textContent = 'Воспроизвести видео'; 
    } else { 
        video.pause(); 
        video.classList.add('video-paused'); 
        textControl.textContent = 'Остановить видео'; 
    }; 
};

READ ALSO
Как последовательно вызвать асинхронную функцию с коллбеками?

Как последовательно вызвать асинхронную функцию с коллбеками?

Есть массив, для каждого элемента которого следует вызвать асинхронную функцию, возвращающую значение через коллбэк

74
В background script замораживаются таймеры

В background script замораживаются таймеры

Пишу расширение для Chrome и таймеры, в том числе не высокочастотные (более 1 мин) со временем просто перестают срабатывать в background скрипте расширения

87
ASP.NET Core. Не устанавливается Webpack 4

ASP.NET Core. Не устанавливается Webpack 4

Всем приветПишу SPA-приложение на ASP

83
Как управлять адаптивностью на самой странице без перезагрузки?

Как управлять адаптивностью на самой странице без перезагрузки?

Есть расширение для Мозиллы и Хрома Есть 2 файла CSS, назовем их style1css и style2

79