On this page there doesn’t seem to be problem with tablet/desktop devices displaying the video (click the ‘WATCH VIDEO’ button), with the exception that the layer seems to display behind the <header> layer (main menu, logo, etc.). The modal popup needs to be in front of other layers.
On phone devices, the color overlay (opacity) seems to be covering the whole video. I’m assuming it’s an indexing issue and the Bootstrap is handling it. Can anyone make out what’s the cause?
I am not weighing in on this issue. Instead, I’m just making a suggestion that when you are coding a site, that you validate your HTML as you go along.