Good evening everyone, you need to make a video on the site framed by a frame in my case, this frame is a png of a tablet with a cut-out display (as if the video is supposedly played from a tablet). I took a block and asked him the width, height and set the same frame on the background and asked the padings to make the video look like in the screen and do not go beyond it, and put the iframe inside with the video itself, but when I started adapting “it” the pain started at each it is necessary to change the width with the height of both the frame and the iframe itself, can someone else have already been engaged in similar tell me how best to do?

    1 answer 1

    Try this: set the iframe 100%, make the width padding to the width of the tablet frame, and be sure to box-sizing:border-box , and in the adaptive scale only the block itself with the tablet background.