[Skaiman]

Html5 аудио с кнопкой пуск/пауза

<div class="svg-clock">   
   <audio id="svg_clock" autoplay loop>
		<source src="sound/clock.ogg" type="audio/ogg" >
		<source src="sound/clock.mp3" type="audio/mp3" >
		Ваш браузер не пожжерживает тег audio!
	</audio>
	<div id="svgtmpButton" class="pause" onclick="clockAudio()"></div>
</div>

Скрипт кнопки

var svg_clock = document.getElementById('svg_clock');
 
function clockAudio() {
	if (svg_clock.paused) {
		svg_clock.play();
		svgtmpButton.className = "";
		svgtmpButton.className = "pause";
	} else { 
		svg_clock.pause();
		svgtmpButton.className = "";
		svgtmpButton.className = "play";
	}
}

Стиль

.svg-clock #svgtmpButton {
	height: 20px; 
	width: 20px;
	border: none;
}
.svg-clock .play:before, 
.svg-clock .pause:before { 
 	font-family: 'FontAwesome';
	font-size: 20px;
	cursor: pointer;  	
}
.svg-clock .play:before {
	content: "\f026";
	color: #f44336;
}
.svg-clock .pause:before {
	content: "\f028";
	color: #4CAF50;
}

Как сделать запоминание пуска и паузы на куках?