Я получил статические изображения для изменения размера, но видео не меняется при изменении размера браузера. Вероятно, это связано с тем, что я добавил ширину в скрипт. Однако, если я просто оставлю videoWidth: true,
тогда видео станет крошечным.
На веб-сайте (http://imdarrien.com/work/Kami/kami.html)
Вот официальная демонстрация с веб-сайта (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;
}