Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Нет возможности развернуть видео с мобильных девайсов [РЕШЕНО]


Нет возможности развернуть видео с мобильных девайсов [РЕШЕНО]

Сообщений 1 страница 10 из 10

1

Давно хотел сообщить об этой ошибке.
Если просматривать форум с мобильного девайса, разрешение экрана которого 1920x1080 и ниже, то отсутствует какая-либо возможность развернуть видео с YouTube на полный экран
http://sd.uploads.ru/1nk9d.jpg
Ролик выглядит так
http://sh.uploads.ru/eYabL.jpg
Полагаю это из-за того, что ширина фрейма у нас 480, высота 284
http://s3.uploads.ru/yW6j8.jpg
Посмотрел на многих других сайтах, где нет такой проблемы с мобильными девайсами, там ширина минимум 320, высота 180

<iframe width="320" height="180" src="https://www.youtube.com/embed/VdfWwAtygpw?rel=0&amp;wmode=transparent" frameborder="0" allowfullscreen=""></iframe>


p.s. хотя может быть причина в чём-то ещё

+3

2

Решение:
добавить в мобильный стиль http://forumstatic.ru/style/mobile.5.css
такие строки

Код:
@media screen and (max-width: 540px) {
iframe[src*="embed/"],iframe[src*="video"] {width:320px !important; height:180px !important;}
}
@media screen and (max-width: 1080px) {
iframe[src*="embed/"],iframe[src*="video"] {width:320px !important; height:180px !important;}
}

приведёт ролики с (YouTube, VK и др.) к единому виду на разных девайсах

http://sa.uploads.ru/wOPNR.jpg

+5

3

Romych
Тогда уж так:

Код:
@media screen and (max-width: 840px) {
.post-content iframe[allowfullscreen] {
    width: 320px !important; 
    height: 180px !important;
}
}

Не понял, зачем два кода, дублирующих один другой: второй у тебя уже включает в себя первый, по логике.

Добавлено спустя 6 минут 12 секунд:
Передал Максиму, обновим файл.

+3

4

Alex_63 написал(а):

Не понял, зачем два кода, дублирующих один другой: второй у тебя уже включает в себя первый, по логике.

не помню уже, кажется делал под разный разворот мобильного в руке, потому что как мобилу не крути, кнопка "Развернуть во весь экран" так и не появлялась
ни так
https://i.imgur.com/QCh2buD.jpg
ни эдак
https://i.imgur.com/4fDlDhJ.jpg

0

5

Romych
Ну поправка под большее разрешение затронет и меньшее... Но на экране 1050px (это же CSS пиксели, не аппаратные - они крупнее и их меньше на экране, у смартфона 1 аппаратный пиксель ведь не равен пикселю CSS) явно уже видео шириной 480px уместится, уменьшил хотя бы до 840 (ибо ширина видео 480 + ширина минипрофиля около 200 - точно умещается в экран, даже с учетом отступов в посте).

+1

6

Alex_63 написал(а):

Передал Максиму, обновим файл.

То есть, этот скрипт уже можно убрать?:

Код:
<!-- Автоуменьшение фреймов -->
<script type="text/javascript">
$(".post-content iframe[allowfullscreen]").each(function(){
    var w = $(this).width(),h = $(this).height(),k = h/w;
    var c = $(this).parents("p").width();if(c>w)return;
    $(this).attr("width",c).attr("height",c*k);
  });
</script>

0

7

sshmmv
Пока еще нет, обновления не было ни для extra.css для загрузчика в форме ответа, ни для mobile.css под отображение видео.
Когда обновится (видимо Максим не успел сегодня, занят был), то да, можно будет убрать.

0

8

Alex_63 написал(а):

Когда обновится (видимо Максим не успел сегодня, занят был)

Ну, я это и имел ввиду, что нужда в этом скрипте отпала.
Наверное. :)

Добавлено спустя 11 часов 42 минуты 29 секунд:
Без наверное.  :cool:

Отредактировано sshmmv (Сб, 18 Авг 2018 08:54:30)

+1

9

Обновили файл mobile.6.css :flag:
Тест:
https://i.imgur.com/5HUM1Ril.png
https://i.imgur.com/wspGaKEl.png

+2

10

Alex_63 написал(а):

Обновили файл mobile.6.css

ок, тему закрываю :)

+1


Вы здесь » Единый форум поддержки » Архив » Нет возможности развернуть видео с мобильных девайсов [РЕШЕНО]