Untitled

document.querySelector("body > div.dialog-off-canvas-main-canvas > div > div.l-page__in > div > article > div > section > div > div.s-trial__cols > div:nth-child(1) > div").insertAdjacentHTML("afterend",`<div class="eg-video-section">
<div class="eg-video-section-inr">
<div class="eg-video-container">
<iframe src="https://play.vidyard.com/bHtAPUZAMLdPkouzRLmADC?disable_popouts=1&amp;v=4.3.10&amp;type=inline&amp;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="3292CT Brand Awareness Ad 1200x628.mp4"></iframe>
</div>
</div>
</div>`);

.eg-video-section-inr {
    max-width: 1220px !important;
    padding: 20px 20px;
    margin: 0 auto;
    width: 100%;
}

.eg-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 50.25%;
    height: 0;
}

.eg-video-section {
    background: #fff !important;
}

@media screen and (max-width: 767px){
    .eg-video-section-inr {
    padding: 30px 0px;
    margin: 20px 20px;
}
}

@media (min-width: 768px) and (max-width: 991px){
    .eg-video-section-inr {
    padding: 30px 0px;
    margin: 1% 5%;
}
}


/********************Version 2****************************************************/



document.querySelector("body > div.dialog-off-canvas-main-canvas > div > div.l-page__in > div > article > div > section > div > div.s-trial__cols > div:nth-child(1) > div").insertAdjacentHTML("afterend",`<div class="eg-video-section">
<div class="eg-video-section-inr">
<div class="eg-video-container">
<iframe src="https://play.vidyard.com/Aydz1phXGXAqUGqg4pWWMw?disable_popouts=1&amp;v=4.3.10&amp;type=inline&amp;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="3292CT Brand Awareness Ad 1200x628.mp4"></iframe>
</div>
</div>
</div>`);


.eg-video-section-inr {
    max-width: 1220px !important;
    padding: 20px 20px;
    margin: 0% 2%;
    width: 100%;
}

.eg-video-container {
    position: relative;
    width: 90%;
    padding-bottom: 50.25%;
    height: 0;
}

.eg-video-section {
    background: #fff !important;
}

@media screen and (max-width: 767px){
    .eg-video-section-inr {
    padding: 30px 0px;
    margin: 20px 20px;
}
}

@media (min-width: 768px) and (max-width: 991px){
    .eg-video-section-inr {
    padding: 30px 0px;
    margin: 1% 5%;
}
}