उल्लू कैरोसेल वीडियो

Question

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

वेबसाइट (http://imdarrien.com/work/Kami/kami.html)

https://jsfiddle.net/9NJ2k/6/

यहाँ पर वेबसाइट (http://www.owlcarousel.owlgraphic.com/demos/video.html)

video:true, 
videoHeight: 500, 
videoWidth: 856, 


.owl-carousel .owl-video-wrapper { 
position: relative; 
height: 100%; 
background: #000; 
} 

.owl-carousel .owl-video-play-icon { 
position: absolute; 
height: 80px; 
width: 80px; 
left: 50%; 
top: 50%; 
margin-left: -40px; 
margin-top: -40px; 
background: url(play_button.png) no-repeat; 
cursor: pointer; 
z-index: 1; 
-webkit-backface-visibility: hidden; 
opacity:1; 
transition: all 1s; 
} 

जब videoWidth: false

Answer 1

से सरकारी डेमो जोड़ने "उत्तरदायी तक है: सच "विकल्प और बदलते हुए वीडियो ओ टैग चौड़ाई 100%; ऊंचाई: ऑटो आप वीडियो को उत्तरदायी के रूप में प्राप्त कर सकते हैं।

डेमो: http://jsfiddle.net/nLz17fcv/5/

स्क्रिप्ट:

$(document).ready(function() { 
    $("#carousel").owlCarousel({ 
    items:1, 
    autoPlay : 5500, 
    stopOnHover : true, 
    center:true, 
    navigation:false, 
    pagination:false, 
    goToFirstSpeed : 1300, 
    singleItem : true, 
    autoHeight : true, 
    responsive: true, 
    responsiveRefreshRate : 200, 
    responsiveBaseWidth: window,  
    video:true,  
    transitionStyle:"fade", 
    onTranslate: function() { 
     $('.owl-item').find('video').each(function() { 
     this.pause(); 
     }); 
    } 
    }); 
}) 

सीएसएस

.owl-carousel {width:90%; margin: 0 auto;} 
    .owl-carousel img{width:100%;height:auto;} 

Answer 2

मैं पूरी तरह से सहमत हैं कि की "उत्तरदायी: सच" इसके अलावा विकल्प और 100% करने के लिए वीडियो टैग चौड़ाई बदलते ; ऊंचाई: ऑटो आप वीडियो को उत्तरदायी के रूप में प्राप्त करने में सक्षम हैं।