Полноэкранные видео/изображения с «полосой прокрутки: стабильные оба края» ⇐ CSS

[Anonymous]

Я установил для своего веб-сайта «полосу прокрутки: стабильные оба края», чтобы обеспечить симметричный вид, но мне нужно отображать видео, которое покрывает всю ширину экрана, включая пространство слева, созданное «оба края» — сама полоса прокрутки справа подойдет (это будет своего рода целевая страница, но с содержимым под ней). Это показано во фрагменте кода внизу.
Он показывает изображение с дополнительным пространством слева. Я хотел удалить это лишнее пространство из изображения/видео, но сохранить его для остального контента ниже («Бла-бла» и т. д.). Это означало бы, что контент был бы центрирован относительно всего экрана, а не по ширине экрана с вычтенной шириной полосы прокрутки.

Код: Выделить всё

:root{
scrollbar-gutter: stable both-edges;
}
body{

margin: 0;
width: 100%;
height: 10000px;

}

img{
width:100%;
}

div{
width: 100%;
margin: auto;
text-align: center;
padding-top: 40px;
}

Код: Выделить всё

    Test





[img]https://i.sstatic.net/523tYgHO.jpg[/img]


Blah blah
Blah blah Blah blah Blah blah Blah blah Blah blah Blah blah Blah blah Blah blah

Подробнее здесь: https://stackoverflow.com/questions/790 ... both-edges