イオンスライドボックス - イオンスライドでフルサイズの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を試しましたか？

イオンスライドボックスはdeprecated

イオンスライドボックスは 新しいイオンスライド部品の賛成で次イオンのリリースで削除される予定です。このウィジェットの の内部動作に依存しないでください。