Ion Slide Box - Wie schiebe ich Iframe Videos in voller Breite in Ionen Slide

Question

Auf meiner Seite habe ich eine Ionen-Schiebe-Box für Bilder. Da Nutzer in meiner App Videos einbetten können, sollte ich auch Iframes mit Videos zum selben Slider hinzufügen. Dies ist, wie mein Code sieht aus wie jetzt:

Das ist mein html ist:

<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> 

Dies funktioniert mit nur Bilder, aber wenn ich Videos habe ich kann sie nicht rutschen, wenn sie 100% Breite aufnehmen , die ich in meinem CSS eingerichtet habe, kann ich nur schieben, wenn sie weit weniger als das sind, und wenn ich sie nur auf dem Teil schiebe, wo der Iframe im Schieberegler keinen Platz einnimmt. Da ich iframe 100% Breite aufnehmen muss, frage ich mich, wie es funktioniert?

Answer 1

Haben Sie stattdessen ion-slides ausprobiert?

Ion-slide-Box ist deprecated

Ion-Dia-Box wird in der nächsten Ionic Release für die neue Ionen Dia Komponente entfernt werden. Verlassen Sie sich nicht auf das interne Verhalten von dieses Widget.