Hộp trượt Ion - cách trượt các video khung nội tuyến chiều rộng đầy đủ trong slide ion

Question

Trên trang của tôi, tôi đang có một hộp trượt ion cho hình ảnh. Vì trong người dùng ứng dụng của tôi sẽ có thể nhúng video, tôi cũng nên thêm iframe có video vào cùng một thanh trượt. Đây là cách mã của tôi trông giống như bây giờ:

Đây là html của tôi:

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

này hoạt động tốt với chỉ hình ảnh, nhưng khi tôi có video mà tôi không thể trượt chúng nếu chúng chiếm 100% chiều rộng , mà tôi đã thiết lập trong css của tôi, tôi chỉ có thể trượt chúng nếu chúng là rộng hơn ít hơn và nếu tôi trượt chúng chỉ trên một phần mà iframe không chiếm không gian trong thanh trượt. Vì tôi cần phải có iframe chiếm 100% chiều rộng, tôi tự hỏi làm thế nào để làm cho nó hoạt động?

Answer 1

Bạn đã thử thay vào đó là ion-slides?

ion trượt hộp là deprecated

ion trượt hộp sẽ được loại bỏ trong phiên bản tiếp theo Ionic ủng hộ các ion slide mới thành phần. Không phụ thuộc vào hành vi nội bộ của tiện ích con này.