Как делать и куда поставить элементы для video?

Question

[Сергей Присяжнюк]

Здравствуйте смотрите у меня есть тег video. Я хочу сделать блок картинку SVG пауза и плей. Ъ
Но есть одна проблема.
Если я делаю так то элемента просто нет на страннице

<video id="myvideo" width="680" height="342" poster="foto/dark.jpg" >
        <source src="video/Dark.S02E08.1080p.ColdFilm.mkv" type="video/mp4"/> 
		<div>Картинка</div>
</video>

А если я выношу элемент за тег video то его нужно поднимать - margin-top:-200px что бы он был как то на видео
но его не видно и приходиться делать position: sticky; + z-index:999;
Тогда все ок но и за этой каши все нижние элементы типа скрол-бара звука начинают скакать при исчезновении кнопки
- display:none;

<video id="myvideo" width="680" height="342" poster="foto/dark.jpg" >
        <source src="video/Dark.S02E08.1080p.ColdFilm.mkv" type="video/mp4"/> 
</video>
		<div>Картинка</div>

Как сделать что бы было правильно и красиво ?