confiscate
Registered
Здравейте,
Искам да направя див с широчина 100%, а височината да се променя според съдържанието в него. Дивът да е с фон видео и да е responsive.
Успях да постигна ефект, при големи резолюции, но при малки, понеже видеото се оразмерява, съдържанието на дива излиза извън него. Може ли да ми кажете, как да оправя този проблем ?
[css].big-image {
position:relative;
}
.video {
width:100%;
height:auto;
}
.info-big-image {
position:absolute;
top:0;
left:0;
}[/css]
Искам да направя див с широчина 100%, а височината да се променя според съдържанието в него. Дивът да е с фон видео и да е responsive.
Успях да постигна ефект, при големи резолюции, но при малки, понеже видеото се оразмерява, съдържанието на дива излиза извън него. Може ли да ми кажете, как да оправя този проблем ?
Код:
<div class="big-image">
<video class="video" id="share-video" poster="https://thumbs.gfycat.com/BlushingColorlessGoose-poster.jpg" autoplay muted loop>
<source id="webmSource" src="https://fat.gfycat.com/BlushingColorlessGoose.webm" type="video/webm">
<source id="mp4Source" src="https://fat.gfycat.com/BlushingColorlessGoose.mp4" type="video/mp4">
</video>
<div class="info-big-image">
<h3>Д-р Стефан Васев предлага:</h3><br/>
<h3>Радиестезия - радиестезична енергийна диагностика.</h3>
<h3>Диетика и хранене - измерване на качеството на храни, напитки, билки, лекарства.</h3>
<img src="img/radiestezia1.png" alt="радиестезия" class="img-responsive" />
</div>
</div>[css].big-image {
position:relative;
}
.video {
width:100%;
height:auto;
}
.info-big-image {
position:absolute;
top:0;
left:0;
}[/css]