I figured this one out. The clicking play/stop with the video has to do with pointer-events being set on for the video hence, anything on top of the video like a modal button or a search bar input is ignored. So I needed to reverse the process.
I created two extra classes: pointer-events-on and pointer-events-off in the Kleo Child style.css.
COPY CODE
.pointer-events-off {
pointer-events: none;
}
COPY CODE
.pointer-events-on {
pointer-events: all;
}
Then I went into Visual Composer into the Row, and added a .pointer-events-off to the extra class box at the bottom. I also went into the Column controls for the same Row and added a .pointer-events-on to the extra class box at the bottom of that control panel.
This reverses the way that the controls work.