Как избавиться от вертикальной полосы прокрутки на видео в любом слайдере?

Question

У меня есть простая сборка что угодно в разработке. Пока все в порядке, за исключением случаев, когда я пытаюсь поместить элемент видео в статичные изображения внутри одного и того же слайдера.

Существует вертикальная полоса прокрутки, которая появляется только во время слайда видео. Любые предложения о том, как избавиться от этого?

В более ранней попытке я уменьшил размер видео (до половины его текущего размера просмотра по сравнению с тем, что можно просмотреть по ссылке ниже), но полоса прокрутки осталась - она ​​стала меньше со всем остальным.

Спасибо за любой вклад, который вы можете иметь.

ссылка: http://sitedev.lcadfiles.com/branding_rad.html

Answer 1

Я вижу, что каждая панель имеет установленную высоту 580x450, но на самом деле это игнорируется, когда resizeContents вариант false, Размер панели изменится в соответствии с ее содержимым. Я вижу, что размер видео не соответствует предполагаемому размеру панели:

<video id="inslide" width="580" height="320" controls="" loop="" poster="../img/radians-bran.jpg" preload="auto" >

Так что самым простым вариантом было бы установить resizeContents возможность true ИЛИ изменить overflow-y в hidden в css:

#slider, #slider li {
  width: 580px;
  height: 450px;
  list-style: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

но при этом будет скрыто все, кроме первого изображения, если у пользователя отключен JavaScript.