Skrzynia na slajdy jonów - jak przesuwać filmy iframe o pełnej szerokości w slajdzie jonowym

Question

Na mojej stronie mam okno z slajdami jonowymi do obrazów. Ponieważ w mojej aplikacji użytkownicy będą mogli umieszczać filmy wideo, powinienem również dodać elementy iframe z filmami do tego samego suwaka. W ten sposób mój kod wygląda teraz:

To jest mój 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> 

To działa prawidłowo tylko obrazy, ale kiedy mam wideo Nie mogę przesuwać je, jeśli zajmują one szerokość 100% , które ustawiłem w moich css, mogę je przesuwać tylko wtedy, gdy są one dużo mniejsze i jeśli przesuniemy je tylko w tej części, w której iframe nie zajmuje miejsca w suwaku. Ponieważ muszę mieć element iframe zajmujący 100% szerokości, zastanawiam się, jak to zrobić?

Answer 1

Czy wypróbowałeś zamiast tego ion-slides?

jonów suwak-box deprecated

jonów wsuwany pole zostanie usunięta w następnej wersji jonowy za nowy składnik jonowy wsuwki. Nie zależą od wewnętrznego zachowania tego widgetu.