Всем привет!Хотел вставить видео с вимео, взял код с сайта, и вставил. Так как у меня динамический сайт, решил просто в нужных местах заменять id видео и обнаружил что код для каждого видео свой. Так как у кажого видео свое соотношение сторон, то на сайте оно и показывается соотвественнно по своему. Нашел код в инете, как бы для каждого видео, но оказалось что это только для соотношения видео 16:9.
Вот он:
<div class="embed-container"><iframe src="https://player.vimeo.com/video/<?php echo $first_row ?>?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
Код:
|
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} |
Вот как это выглядет для видео с разным соотношением сторон.На первой картинке - 16:9 (так нужно для всех сделать).
На 2 - видео подстраивается по высоте получается...
А мне нужно чтоб по всей ширине, а высота автоматически подстраивалась...как на 3 картинке