holfza

Полагаю, надо вместо:

right: 0;
bottom: 0;

добавить:

width: 100%;
height: 100%;

И для спиннера, чтоб было по центру:
transform: translate(-50%, -50%)

jsfiddle.net/cs7w456k/2

Попробуйте https://developer.mozilla.org/ru/docs/Web/CSS/poin...

<?php if(isset($row)) :  ?>
                    <div class="uk-button-group">
                            <a class="uk-button uk-button-link uk-button-large" href="../auth/signup.php">Регистрация</a>
                            <a class="uk-button uk-button-success uk-button-large uk-margin-left" href="../auth/login.php" style="background-color: #ffb433;"onmouseover="this.style.backgroundColor='#eb8d00';" onmouseout="this.style.backgroundColor='#ffb433';"><i class="uk-icon-lock uk-margin-small-right"></i> Войти</a>'
                    </div>
<?php  endif;  ?>

<button>Воспроизведение</button>

$('#player').on('play', function() {
	//Меняем текст кнопки на "Пауза"
});

$('#player').on('pause', function() {
	//Меняем текст кнопки на "Воспроизвести"
});

Ну и в обработчике клика проверяете, если стоит на паузе - то по клику воспроизводить, если играет - то ставить на паузу. Типа:

if($('#player').paused) {
	$('#player').play();
} else {
	$('#player').pause();
}

https://jsfiddle.net/dm4cd2tk/2/

body {
    overflow-y: scroll;
}

https://jsfiddle.net/0r3ec97u/2/ - все работает.. немного с jQuery селектором промазали..

https://jsfiddle.net/pn6anp71/1/

Примерно для того, что и класс .active для активного пункта меню.. Чтоб можно было изменять внешний вид кнопки, в открытом/закрытом состоянии.

https://jsfiddle.net/qostfqnk/3/

https://jsfiddle.net/39sch6a8/