bqio

Динамически генерируйте страницу на сервере в зависимости от статуса авторизации. Без сервера такие вопросы обычно не решают. Хотя вы можете посмотреть в сторону Firebase.

https://www.youtube.com/watch?v=35va4OY7Y1c

Принцип тот же, думаю, поймете.

Делайте обёртку и с помощью z-index и position: absolute подгоняйте.

По типу:

<div class="video_wrapper">
   <div class="video_static_image"></div>
   <div class="video_play_button"></div>
   <video class="video_source"></video>
</div>

Адаптивный веб-дизайн

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 14px
font-family: "Raleway", sans-serif !important
font-weight: 400
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 14px
font-family: "Raleway", sans-serif !important
font-weight: 400
}

::-ms-input-placeholder { /* Microsoft Edge */
font-size: 14px
font-family: "Raleway", sans-serif !important
font-weight: 400
}

Если не используете ajax, то вместо id должен быть атрибут name.
$base64img = base64_encode($_POST['fileinput']);