Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.01.2019, 00:44
Интересующийся
Отправить личное сообщение для Perepelenok Посмотреть профиль Найти все сообщения от Perepelenok
 
Регистрация: 16.07.2016
Сообщений: 26

Вимео видео подстраивающееся под родителя.
Всем привет!Хотел вставить видео с вимео, взял код с сайта, и вставил. Так как у меня динамический сайт, решил просто в нужных местах заменять 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 картинке
Изображения:
Тип файла: jpg Screenshot at Jan 02 23-44-14.jpg (26.7 Кб, 2 просмотров)
Тип файла: jpg Screenshot at Jan 02 23-44-47.jpg (16.0 Кб, 1 просмотров)
Тип файла: jpg Screenshot at Jan 02 23-45-15.jpg (16.2 Кб, 1 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вопрос по меню bgraf Элементы интерфейса 9 08.08.2017 03:52
Видео без <VIDEO> и FLASH DIGIUS Общие вопросы Javascript 1 25.10.2016 03:34
Что означает [^] riva Общие вопросы Javascript 26 07.08.2014 20:42
Сайт торент видео онлайн (через браузер). nemo84 Ваши сайты и скрипты 1 18.05.2013 21:07