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

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


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

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

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

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

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

Плеер стандартный 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%; }

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

Ссылка на сообщение
Поделиться на других сайтах
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.

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

Спасибо.

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

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...