离子滑动框 - 如何在离子滑动中滑动全宽iframe视频

Question

在我的页面上，我有一个用于图像的离子滑动盒。由于在我的应用中用户可以嵌入视频，我还应该将带有视频的iframe添加到同一个滑块。这就是我的代码现在的样子：

这是我的HTML：

<ion-slide-box ng-if="slider.length > 1">
  <ion-slide ng-repeat="item in slider">
    <img ng-if="item.image" ng-src="{{ fileServer }}/imagecache/cover/{{ item.image }}" class="cover">
    <iframe ng-if="item.video" src="{{ item.video | safeUrl }}"></iframe>
  </ion-slide>
</ion-slide-box>

这只适用于图片，但是当我有视频时，如果它们占据100％的宽度，我就无法滑动它们，我已经在我的css中设置了它，如果宽度较小，我只能滑动它们而不是那个，如果我只在那个iframe不占用滑块空间的部分滑动它们。由于我需要让iframe占据100％的宽度，我想知道如何使它工作？

Answer 1

您是否尝试过ion-slides？

ion-slide-box是deprecated

  

离子滑动盒将在下一次离子释放中被移除，转而使用   新的离子滑动组件。不要依赖于内部行为   这个小部件。