Modal Pop Up video incorrect size

  • Hi,

    I am using the modal pop up VIDEO embed feature. I am embedding a video from youtube. When the trigger (text) is clicked the pop up video appears but the HEIGHT of the video area is 100% page size. The actual video is only around 30% of the area with the remaining top and bottom being BLACK. The black area is not the background but rather the video area. My question is, how do I resize so that the actual video that is shown is the only area that is on top of the background?

    I appreciate any help!

Viewing 1 replies (of 1 total)

  • Hi,

    Try using next custom CSS, it might help

    .cl-popup-box .mejs-container {
    width: 100% !important;
    height: auto !important;
    padding-top: 56%;
}
.cl-popup-box .mejs-overlay, .mejs-poster {
    width: 100% !important;
    height: 100% !important;
}
.cl-popup-box .mejs-mediaelement video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

    Let me know how it goes!

    • This reply was modified 7 years, 1 month ago by b0zar.
Viewing 1 replies (of 1 total)
  • The topic ‘Modal Pop Up video incorrect size’ is closed to new replies.