Geek Answers Handbook

Ion slide box - how to move full-screen iframe video clips in an ion slide

On my page, I have an ion slider for images. Since users will be able to embed videos in my application, I must also add iframes from the video to the same slider. Here's what my code looks like now:

This is my 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>

This only works fine with images, but when I have videos, I cannot slide them, if they occupy 100% of the width that I set in my CSS, I can only slide them if I only move them by the part where the iframe does not take up space in the slider. Since I need the iframe to be 100% wide, I wonder how to make it work?

+6
source share
1 answer

Have you tried ion slides instead?

ion-slide-box is deprecated

The ion-slide-box will be removed in the next release of Ionic in favor of the new ion slide component. This widget does not depend on the internal behavior.

+1
source

More articles:


All Articles