如何在anythingslider中删除视频中的垂直滚动条？

Question

我在开发中有一个simpleSlider的简单构建。到目前为止一切都很好，除非我尝试在同一个滑块内的静态图像中放置一个视频元素。

只有在视频幻灯片中才会显示垂直滚动条。关于如何摆脱这个的任何建议？

在之前的尝试中，我缩小了视频的大小（相比下面链接上可以查看的内容的当前观看大小的一半），但滚动条仍然存在 - 它只是变小了其他所有内容。

感谢您提供的任何意见。

链接： 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 in css：

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

但如果用户禁用了javascript，这样做会隐藏除第一张图片以外的所有图片。