Filmik jest odwarzany w rozmiarze 1/4 ekranu po lewej stronie

Question

Witam.
Co prawda filmik jest odtwarzany w obszarze szarego tła, ale w rozmiarze 1/4 ekranu po lewej stronie.
Chciałbym, aby ten filmik był odtwarzany na pełnym ekranie TYLKO w obszarze szarego tła, a nie w rozmiarze 1/4 ekranu po lewej stronie.

Tak wygląda górna część strony:
http://imageshack.com/a/img923/6579/1N3Hqx.jpg

W miejscu zielonego tła odtwarzany jest filmik.

Tak wygląda dolna część strony:
http://imageshack.com/a/img922/3707/cFSMyP.jpg

Zauważcie, że tutaj odtwarzany filmik pojawił się ok 10px w dół w obszarze szarego tła. Bez sensu.

Tak wygląda kod:
https://jsfiddle.net/Krzysiek_35/m6u64uya/3/

Zwróćcie uwagę TYLKO na kolor szarego tła, bo w nim ma być odtwarzany filmik.

Podobno background-size: cover może być tutaj przydatny jako wypełnienie całej powierzchni pojemnika (czyli całego obszaru szarego tła), ale nie wiem czy warto go stosować.

Mam 2 pytania:
1. Jak zrobić, aby filmik był odtwarzany na pełnym ekranie TYLKO w obszarze szarego tła?
2. Jak zrobić, aby filmik nie znajdował się ok 10px w dół w obszarze szarego tła? Ma być wyżej ok 10px.

Reszta działa jak należy.

Będę bardzo wdzięczny za pomoc.