Блог

У меня есть небольшая веб-страница, где фоном является видео на YouTube. На странице есть некоторый контент, и мне нужно где-нибудь место, где я могу нажать на видео, чтобы запустить его. Я хотел создать div с высотой видео, но, как я видел pointer-events: none , работает только тогда, когда для позиции div установлено значение absolute. Но после этого у меня есть несколько других разделов, так что это не очень хороший способ.

 __________
|Content  |
|_________|

<<space>>

__________
|Content  |
|_________|
 

Есть ли способ создать некоторое пространство между двумя разделами и иметь возможность щелкнуть по нему?
Я пробовал это и с полями, но, конечно, ничего, потому что я не могу «видеть» видео.

Заранее спасибо!

Редактировать: видео находится в iframe, который находится в фиксированном div в позиции top 0, слева 0, z-индекс -99. После этого появляется страница, которая находится над видео с z-индексом 0. Страница содержит статические разделы. Я хочу создать пространство между двумя разделами (с другим разделом или чем-либо еще), где отображается только видео, и иметь возможность щелкнуть по нему, чтобы запустить его.