Code for Youtube Videos:

Custom CSS:

.video-container {

position:relative;

height:22em;

width:-webkit-fill-available;

overflow:hidden;

}


.video-container iframe, .video-container object, .video-container embed {

position:relative;

top:0;

left:0;

width:100%;

height:100%;

}


Assign Class

class="video-container"



Code for Google maps:

<style>

    .google-maps {

        position: relative;

        padding-bottom: 75%; // This is the aspect ratio

        height: 0;

        overflow: hidden;

    }

    .google-maps iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100% !important;

        height: 100% !important;

    }

</style>

<div class="google-maps">

<iframe src="Paste your link here" width="800" height="450" align="center" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

</div>