Question

我在角度js中使用了uib轮播，每5秒钟使用幻灯片视频。对于那个使用过的对象元素来使用vlc插件嵌入视频。但是，porblem是uib轮播具有固定的高度和宽度。我如何改变并做出回应。

如果我在旋转木马中使用图像，它很容易改变它的高度，但是当我使用对象标签时，它不会改变高度。

我像这样使用它

<div ng-controller="CarouselDemoCtrl">
      <div >
        <uib-carousel interval="myInterval" no-wrap="noWrapSlides">
          <uib-slide ng-repeat="slide in slides" active="slide.active">
            <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab" id="vlc">
    <embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" name="vlc" />
</object>
            <div class="carousel-caption">
              <h4>Slide {{$index}}</h4>
              <p>{{slide.text}}</p>
            </div>
          </uib-slide>
        </uib-carousel>
      </div>
    </div>

谢谢。

Answer 1

从bootstrap.min.css更改此行以更改高度和宽度之前的

.carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 }

<强>后

.carousel { position: absolute;height:100%;min-height: 100%;width:100%; } .carousel-inner { position: relative; width: 100%; height:100%;min-height: 100%;} .carousel-inner>.item {height:100%;min-height: 100%; position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left;width:100%; } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 }

如何改变uib旋转木马的高度宽度？

1 个答案: