Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.05.2016, 15:03
Новичок на форуме
Отправить личное сообщение для WoodStock Посмотреть профиль Найти все сообщения от WoodStock
 
Регистрация: 30.04.2016
Сообщений: 3

Резиновое embedded видео
Доброго времени!

Стоит задача разместить embedded видеоролик с vimeo.com вот такого типа:
<iframe src="https://player.vimeo.com/video/164252748?title=0&byline=0&portrait=0&badge=0"></iframe>

По центру страницы (по горизонтали и вертикали), так чтобы при изменении размера окна он изменялся вместе с ним, но был указанного размера (а не во всю страницу).

Я сделал пару гифок чтобы проиллюстрировать:

Вот так надо: https://vk.com/doc199484568_437482326

Вот так не надо: https://vk.com/doc199484568_437482328

Уже просто все перепробовал, ничего не выходит. Пробовал скрипт Fitvids.js но он не выполняет функционал размещения ролика по центру.
На stackoverflow тоже ничего толком не увидел - http://stackoverflow.com/questions/3...lign-to-center

Неужели это вообще не реализуемо? В общем буду рад любым решениям. Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 07.05.2016, 18:58
Новичок на форуме
Отправить личное сообщение для WoodStock Посмотреть профиль Найти все сообщения от WoodStock
 
Регистрация: 30.04.2016
Сообщений: 3

Короче. Относительно решил задачу с помощью помещения видео в flex-box и подключения firvids.js

Все работает как надо, за исключением того, что видео масштабируется не пропорционально.

http://jsfiddle.net/svyd084p/

А вообще полностью решил, подключением стороннего плеера не в iframe.

Но все равно для меня остается загадкой, почему такая простая задача просто вусмерть нерешаемая.

Последний раз редактировалось WoodStock, 07.05.2016 в 19:01.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как встроить видео в popup окно? MrFull23 jQuery 1 14.11.2014 10:49
Сайт торент видео онлайн (через браузер). nemo84 Ваши сайты и скрипты 1 18.05.2013 21:07
Как вставить видео на страничку .json MastaMustBe Элементы интерфейса 2 17.09.2012 16:51