HTML和JS我可以通過瀏覽器</p> <p>固定

-3

開放源I不能調整的高度和寬度爲通過代碼的視頻。我意識到這是由標準的Chrome代碼覆蓋的。如何解決它，謝謝HTML和JS我可以通過瀏覽器</p> <p>固定

var videoswiper = new Swiper($(".videoswiper"), { 
 
    autoplay: 6000, 
 
    pagination: false, 
 
    slidesPerView: 3, 
 
    spaceBetween: 0, 
 
    loop: false, 
 
    grabCursor: false, 
 
    breakpoints: { 
 
    1280: { 
 
     slidesPerView: 3 
 
    }, 
 
    800: { 
 
     slidesPerView: 2 
 
    }, 
 
    640: { 
 
     slidesPerView: 1 
 
    } 
 
    }, 
 
    nextButton: ".videoswiper .swiper-button-next", 
 
    prevButton: ".videoswiper .swiper-button-prev", 
 
    onPaginationRendered: function(swiper, paginationContainer) { 
 
    var numberOfBullets = swiper.params.loop 
 
     ? Math.ceil(
 
      (swiper.slides.length - swiper.loopedSlides * 2)/
 
      swiper.params.slidesPerGroup 
 
     ) 
 
     : swiper.snapGrid.length; 
 
    //console.log('numberOfBullets: '+numberOfBullets); 
 
    if (numberOfBullets < 2) { 
 
     swiper.paginationContainer.css({ 
 
     display: "none" 
 
     }); 
 
    } else { 
 
     swiper.paginationContainer.css({ 
 
     display: "block" 
 
     }); 
 
    } 
 
    } 
 
}); 
 
$('.videoswiper .swiper-slide').each(function(index, element) { 
 
    var href = $(element).find('.card-img a').attr('href'); 
 
    $(element).magnificPopup({ 
 
    items: { 
 
     src: href 
 
    }, 
 
    type: 'iframe' 
 
    }); 
 
}); 
 

 
/*$(".popup-youtube, .popup-vimeo, .popup-gmaps").magnificPopup({ 
 
    disableOn: 700, 
 
    type: "iframe", 
 
    mainClass: "mfp-fade", 
 
    removalDelay: 160, 
 
    preloader: false, 
 
    fixedContentPos: false 
 
});*/

來源

2017-11-10 Jna

檢查此變通視頻從YouTube：這使得HEIGH自動調整大小的比較。視頻封裝寬度。使用該修補程序並調整視頻包裝父母塊的大小，您將成爲一個快樂的人。

CSS

.video-wrapper{ 
    position:relative; 
    padding-bottom:56.25%; 
    padding-top:30px; 
    height:0; 
    overflow:hidden; 
} 
.video-wrapper iframe, 
.video-wrapper object, 
.video-wrapper embed{ 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 


<div class="video-wrapper"> 
    <iframe width="100%" src="https://www.youtube.com/embed/5egWsism7Eg" frameborder="0" allowfullscreen></iframe> 
</div>

來源

2017-11-10 20:17:43

HTML和JS我可以通過瀏覽器</p> <p>固定

回答

相關問題