Video on home screen with dynamical size

[REGI0]

Hello

I would like to put video on the home page, which will start automatically after the page loads.

I tried to use modules Contentbox or HTML box. The film displays correctly and starts, but I have a problem with the size of the movie. I want it to change dynamically depending on the size of the browser window so it will look good on all screen resolution, and on mobile devices. When trying to insert a movie without a specified size in html code it add size automatically (width and length with default size 300 x 150). Please help me how to do it dynamically thanks in advance

[shokinro]

if you want make the size to be responsive to device size, you will need to use following css classes

 

col-lg-1

col-md-3

col-sm-4

 

 

where the lg means large device, md means medias, and sm for small, xs for extreme small.

[REGI0]

 

Hello

I would like to put video on the home page, which will start automatically after the page loads.

I tried to use modules Contentbox or HTML box. The film displays correctly and starts, but I have a problem with the size of the movie. I want it to change dynamically depending on the size of the browser window so it will look good on all screen resolution, and on mobile devices. When trying to insert a movie without a specified size in html code it add size automatically (width and length with default size 300 x 150). Please help me how to do it dynamically thanks in advance

 

thx to vekia

<div class="video-container">INSERT IFRAME HERE</div>
<style>
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important;
}
</style>