CSS -GRID и AD Blocker, хотите использовать все доступное пространство, когда реклама заблокирована - PullRequest
Новая
       59

CSS -GRID и AD Blocker, хотите использовать все доступное пространство, когда реклама заблокирована

0 голосов
/ 02 мая 2020

У меня есть несколько видео сайтов с рекламой аффилированного маркетинга. Реклама рядом с видео. Когда блокировщик рекламы блокирует эти объявления, он покидает место. Я пытаюсь заставить видео использовать этот оставшийся пробел, когда это происходит.

Я пробовал автоматическое заполнение и автоматическое заполнение, но независимо от того, что я пробовал, оно просто оставляет пустое пространство. Видео является встроенным и принимает размер в соответствии с доступным пространством, поэтому я установил второй столбец с помощью grid-column. Он отлично работает, за исключением случаев, когда блокировщик рекламы блокирует рекламу и оставляет пустое место. Я попытался javascript и удалить второй столбец после загрузки. Я не пробовал jquery / javascript изменить класс сетки, но подумал, что внутри CSS -grid есть ответ. 

.video-grid
{
    display:grid;
    grid-template-columns: 78% 22%;
    grid-gap: 15px;
}

.video-side
{
    grid-column: 2/ -1;
    width: 100%;
    height: 100%;
    max-width: 320px;
}
...