Господа, подскажите, пожалуйста, как можно спозиционировать какой-нибудь элемент (div || img) относительно чудо-элемента с видео html5.
Задача:
1. Сделать кастомную кнопку закрытия поп-апа, собственно, ничего особенного, но поп апа как такового нет, а есть видео, размер которого меняется в зависимости от разрешения, ну и соответственно, кнопка закрытия будет возвращать минимальный размер окна видео.
Суть проблемы:
Так div.close при абсолютном позиционировании, спозиционируется, разумеется, относительно родительского элемента:
<div class="close"></div>
<video id="video" class="box" controls>
<source src="video/howto.mp4" type="video/mp4">
<source src="video/back-video-fixed.webm" type="video/webm">
<source src="video/back-video-fixed.ogv" type="video/ogg"/>
</video>
А так эта чудо-структура не работает, как, например, было бы с дивом. Попытка была, наверное, бредовая, но что есть, то есть:
<video id="video" class="box" controls>
<source src="video/howto.mp4" type="video/mp4">
<source src="video/back-video-fixed.webm" type="video/webm">
<source src="video/back-video-fixed.ogv" type="video/ogg"/>
<div class="close"></div>
</video>
.close {
position: absolute;
top: -40px;
right: -40px;
background: url('../img/close.png');
width:46px;
height:46px;
}
Простой
