离子幻灯片盒 - 如何在幻灯片中滑动全宽iframe视频

在我的页面上，我有一个图像离子滑块。由于在我的应用程序中用户可以嵌入视频，因此我还应该将带有视频的iframe添加到同一个滑块。这是我的代码看起来像现在：离子幻灯片盒 - 如何在幻灯片中滑动全宽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％宽度，我想知道如何使其工作？

来源

2016-07-06 Marco

您是否试过ion-slides？

离子滑动盒是deprecated

离子滑动盒将在接下来的离子释放赞成新离子滑动部件被移除。不要依赖这个小部件的内部行为。

来源

2016-08-09 15:49:14 Lightbeard

我注意到，对于离子滑块和离子滑块，我都得到了相同的结果，好像我只能在子弹点附近放入带有视频的iframe。所以我想知道如何使整个iframe。 – Marco

离子幻灯片盒 - 如何在幻灯片中滑动全宽iframe视频

回答

相关问题