Как сделать рабочую паузу для HTML плеера на JS?

Question

[keche]

Задача следующая. Есть кнопка, которая показывает и запускает плеер через:
$('.video-play').show();
Пауза прописывается так:
video.pause();
Как сделать чтобы на месте кнопки запуска, появилась кнопка паузы. Ведь нельзя присвоить одновременно два свойства одному елементу, если присываиваю паузу, то при запуске плеера он повляется и тут же видео ставиться на паузу, а нужно чтобы проигрывалось.

Comments

[ⓒⓢⓢ]

Нечего не понятно что надо, может в методе jQ.show callback функцией воспользоваться?

$('.video-play').show(400, ()=>{
video.play(); 
});

Answer 1

[Максим Тимофеев]

Как сделать чтобы на месте кнопки запуска, появилась кнопка паузы

убрать одну кнопку, поставить другую. Не понимаю в чем сложность? Вы начали изучать video api не разобравшись в js?

если присываиваю паузу, то при запуске плеера он повляется и тут же видео ставиться на паузу, а нужно чтобы проигрывалось.

если поставить видео на паузу, оно будет на паузе. Это логично как по мне. Если хотите запустить play, то зачем на паузу ставите? Если с разбегу удариться головой об стену - будет шишка. Причинно следственные связи. Не ставьте на паузу, если не хотите, что бы видео было на паузе.