JSFiddle - React, Tailwind, and code Playground

by TCloud

HTML

<button id="btn-28" data-playing="false" class="play-btn">
  Возобновить
</button>

<hr>
<p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, tempore.
</p>
<hr>

<button id="btn-22" data-playing="false" class="play-btn">
  Возобновить
</button>

JavaScript

$("button.play-btn").click(function() {
	stop()
  start( this );
});

/* Функция для остановки всех проигрываний */
function stop( e ) {
  if( e == undefined ) {
		$("button.play-btn").attr("data-toggle", false);
  	$("button.play-btn").text("Возобновить")
  } else {
    e.dataset.playing = false
    $(e).text("Возобновить")
  }
}

/* Функция для проигрывания конкретной кнопки */
function start( button ) {

	if( button.dataset.playing == "true" ) {
    button.dataset.playing = false
    $(button).text("Возобновить")
  } else {
    button.dataset.playing = true
    $(button).text("Проигрывается")
  }
  
}