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

Question

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

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

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

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

ссылка: 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 OR, изменить overflow-y к hidden в CSS:

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

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