Перейти к публикации

Как оптимизировать видео плеер под размер экрана мобильного?


Рекомендованные сообщения

Здравствуйте.

Так сложилось, что до сих пор не использовал видео в новостях при просмотре мобильной версии.

Но по многочисленным просьбам пользователей сайта, включил.

И всё бы ничего, работает... но вот сам плеер вылазит за рамки мобильного экрана.

Плеер стандартный YouTube

 

Изменено пользователем yanat
Ссылка на сообщение
Поделиться на других сайтах

Ответ в создании корректного шаблона, и прописывания в нем стилей CSS для iframe, таких чтобы он не выходил за пределы экрана. Сам код CSS зависит уже непосредственно от вашего шаблона.

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, celsoft сказал:

Сам код CSS зависит уже непосредственно от вашего шаблона.

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

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, yanat сказал:

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

Стандартный шаблон, это лишь демо шаблон, который демонстрирует основные функции DLE, а не все свойства верстки CSS. Там нет никакого вмешивания в размеры iframe. Вам их нужно самостоятельно прописывать в свойства CSS шаблона.

Ссылка на сообщение
Поделиться на других сайтах
53 минуты назад, celsoft сказал:

Там нет никакого вмешивания в размеры iframe.

А вот и есть в templates/smartphone/css/style.css

.mejs-container { max-width: 100%; }
video { max-width: 100%; }
iframe { max-width: 100%; }

так что скорей всего были какие-то правки

  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах
14 минуты назад, germanydletest сказал:

А вот и есть в templates/smartphone/css/style.css


.mejs-container { max-width: 100%; }
video { max-width: 100%; }
iframe { max-width: 100%; }

так что скорей всего были какие-то правки

В разных версиях разные шаблоны. Топик стартер не указал версию скрипта и какой шаблон он использует, так что у него может ничего и не быть.

Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, celsoft сказал:

В разных версиях разные шаблоны. Топик стартер не указал версию скрипта и какой шаблон он использует, так что у него может ничего и не быть.

Версия скрипта 10.2, за шаблон писал выше - стандартный от Dle который шел со скриптом 10.2

2 часа назад, celsoft сказал:

В разных версиях разные шаблоны. Топик стартер не указал версию скрипта и какой шаблон он использует, так что у него может ничего и не быть.

Версия скрипта 10.2, за шаблон писал выше - стандартный от Dle который шел со скриптом 10.2

 

P.S. исправил, действительно в версии скрипта 10.2 не было прописано данных строк CSS.

Тему можно закрыть.

Спасибо.

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
×
×
  • Создать...