आयन स्लाइड बॉक्स - आयन स्लाइड

Question

में पूर्ण चौड़ाई iframe वीडियो को स्लाइड करने के लिए कैसे करें मेरे पृष्ठ पर मेरे पास छवियों के लिए आयन-स्लाइड-बॉक्स है। चूंकि मेरे ऐप उपयोगकर्ता वीडियो एम्बेड करने में सक्षम होंगे, इसलिए मुझे उसी स्लाइडर पर वीडियो के साथ आईफ्रेम भी जोड़ना चाहिए।

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

यह केवल छवियों के साथ ठीक काम करता है, लेकिन मैं उन्हें स्लाइड नहीं कर सकते मैं वीडियो है जब अगर वे 100% चौड़ाई तक का समय लग:

यह मेरा एचटीएमएल है: यह कैसे मेरे कोड दिखता है अब की तरह है , जिसे मैंने अपने सीएसएस में स्थापित किया है, मैं केवल उन्हें स्लाइड कर सकता हूं यदि वे उससे कम हैं और यदि मैं उन्हें केवल उस भाग पर स्लाइड करता हूं जहां आईफ़्रेम स्लाइडर में स्थान नहीं ले रहा है। चूंकि मुझे आईफ्रेम 100% चौड़ाई लेना है, तो मुझे आश्चर्य है कि इसे कैसे काम करना है?

Answer 1

क्या आपने इसके बजाय ion-slides को आजमाया है?

आयन स्लाइड बॉक्स deprecated

आयन स्लाइड बॉक्स नई आयन स्लाइड घटक के पक्ष में अगले आयोनिक रिलीज में हटा दिया जाएगा है। इस विजेट पर के आंतरिक व्यवहार पर निर्भर न करें।