@media screen and (min-width: 320px) and (max-width: 992px) {
.selector { свойство: значение; }
}
display:
<b>
вы пытаетесь использовать, да еще и в целях верстки параграфа...Это уже какая-то новая спецификация HTML 6.0)<p></p>
и не придется делать разрывы строк тегом </br>
, как вы это воспроизвели в своем исполнении. <div class="parent">
<img class="" src="" alt="" />
<div class="videoBlock">
<video width="" height="">
<source src="movie.mp4" type="video/mp4">
</video>
</div>
</div>
.parent {
position: relative;
}
.videoBlock {
position: absolute;
top: 25%;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
}