How can I get this effect with the logo over the background. Seems like it is a blend mode or something?

Edit: Whoops, that didn't make sense

Upon taking a look at the source code, it's apparent that the text is merely white text on a black background set as the background to the image in the css while the color of the area is set to #666 and then set transparent. The video is also set to background with the same background color but on the videolayer it isn't set to transparent http://www.americanfangs.net/new_site/images/overlay-01.svg

So if you create an svg similar to this and for the layer above the image you set your background image to something similar to the below the dark areas of the background will darken the video but the white center won't so it'll allow for that portion of the video to play through

background: url("../images/overlay-01.svg") no-repeat scroll center center / cover transparent;

I was thinking about this, If you are a designer and have any experience programs such as aftereffects final cut or premiere, It maybe easier to accomplish this effect by embedding it in the video post production. And actually it is how I would attack the problem, It would have a couple of benefits. 1st. It would be embedded in the video which would eliminate any cross browser glitches or compatibility issues with the code or how the browser would render the css 2. It would save you code. You would not have to code the css. You would only have to deal with the video.

Thanks everyone!