Реклама на сайте Advertise with us

Адаптивные html5 видеоплееры

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 24.01.16
Сообщения: 25
Рейтинг: 2

Ссылка на сообщениеДобавлено: 08/04/16 в 10:56       Ответить с цитатойцитата 

Здравствуйте, накидайте видеоплееры, у которых есть адаптивность при сужении браузера.

0
 

📈sflash.biz

С нами с 03.11.12
Сообщения: 3913
Рейтинг: 4447


Передовик Master-X (16.04.2018) Передовик Master-X (16.07.2018) Передовик Master-X (16.12.2022) Передовик Master-X (01.01.2023)
Ссылка на сообщениеДобавлено: 08/04/16 в 11:29       Ответить с цитатойцитата 

0
 



С нами с 23.06.14
Сообщения: 931
Рейтинг: 190

Ссылка на сообщениеДобавлено: 08/04/16 в 16:22       Ответить с цитатойцитата 

Адаптивность можно сделать путем css у практически любого Iframe и object, даже несмотря на то, что там просано <iframe width="640" height="360">

Стукни если что в аську, посмотрим. В 95% случаев это делается, бывают исключения когда эмбед выводят iframe в iframe, тогда там надо будет поковыряться в родительском Iframe, но все равно вполне можно.

0
 



С нами с 24.01.16
Сообщения: 25
Рейтинг: 2

Ссылка на сообщениеДобавлено: 08/04/16 в 16:29       Ответить с цитатойцитата 



Спасибо, но интересуют уже готовые адаптивные плееры, с помощью css обычно уменьшают только ширину, а высота остается не пропорциональной.

0
 

📈sflash.biz

С нами с 03.11.12
Сообщения: 3913
Рейтинг: 4447


Передовик Master-X (16.04.2018) Передовик Master-X (16.07.2018) Передовик Master-X (16.12.2022) Передовик Master-X (01.01.2023)
Ссылка на сообщениеДобавлено: 08/04/16 в 19:09       Ответить с цитатойцитата 

zenon писал:
Спасибо, но интересуют уже готовые адаптивные плееры, с помощью css обычно уменьшают только ширину, а высота остается не пропорциональной.


В прошлом веке - да.
JW ранее умел такое. Сейчас могли выпилилить за ненадобностью, но возможно и оставили.

0
 



С нами с 23.06.14
Сообщения: 931
Рейтинг: 190

Ссылка на сообщениеДобавлено: 08/04/16 в 23:32       Ответить с цитатойцитата 

И высоту тоже можно регулировать, через каждые например 100пикселей, не особо это трудно как может показаться, вот например:

начинем с самого маленького экранчика типа 300px:

.player iframe { width: 100%; height: 250px; }

и далее пошло поехало:

@media all and (min-width: 400px) {
.player iframe { height: 300px; }
}

@media all and (min-width: 500px) {
.player iframe { height: 350px; }
}

@media all and (min-width: 600px) {
.player iframe { height: 400px; }
}

@media all and (min-width: 700px) {
.player iframe { height: 450px; }
}

Т.е. через каждые 100 пикселей ширины увеличиваем высоту на 50px.

и так до бесконечности. Да, немножко геморно, но делается это буквально минут за 5.

Ну конечно если возможность поставить плеер, который это делать умеет - то будет проще, но тем не менее...

2
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »