Riquadro diapositiva ioni: come scorrere i video iframe a larghezza intera nella diapositiva di ioni

Question

Nella mia pagina ho una scatola di diapositive a ioni per immagini. Poiché nella mia app gli utenti saranno in grado di incorporare video, dovrei aggiungere anche iframe con video allo stesso cursore. Ecco come il mio codice è simile ora:

Questo è il mio 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> 

Questo funziona bene solo con le immagini, ma quando ho dei video che non può scorrere loro se occupano 100 width% , che ho impostato nel mio css, posso solo farle scorrere se sono larghe meno e se le faccio scorrere solo su quella parte in cui l'iframe non occupa spazio nel cursore. Dal momento che ho bisogno di avere iframe che occupa il 100% della larghezza, mi chiedo come farlo funzionare?

Answer 1

Hai provato il ion-slides?

ionico slide-area deprecated

ionico slide-box verrà rimossa nel prossimo rilascio ionico a favore della nuovo componente ionici diapositive. Non fare affidamento sul comportamento interno di questo widget.