В мобильной версии сайта (стандартная от DLE 10.4) вставленное видео с ютюб вылазит в ширину за рамку просмотра. Подскажите пож. как сделать чтобы плеер ютюб не вылазил за рамку просмотра? Заранее благодарен...
В мобильной версии сайта не сжимается трейлер ЮТЮБ
В мобильной версии сайта не сжимается трейлер ЮТЮБ
|
#1
27 Июня 2016 22:50
|
|
#2
27 Июня 2016 23:44
Попробуйте указать ширину плеера в CSS для моб. версии сайта
|
|
#3
28 Июня 2016 00:16
|
|
#4
28 Июня 2016 08:19
Андрей, ну к примеру только высотой
Изменено:
вадим - 28 Июня 2016 08:20
|
|
#5
28 Июня 2016 15:04
|
|
#6
28 Июня 2016 17:04
max-width:100%;
или можно width:100%; height:100%; |
|
#7
29 Июня 2016 11:46
если шаблон на Bootstrap, то можно использовать его классы,документация - http://getbootstrap.com/components/
решение для шаблонов на Bootstrap: для видео 16:9
для видео 4:3
Если шаблон свёрстан по другому, можно сделать так - https://habrahabr.ru/post/144003/ |
|
#8
7 Июля 2016 20:07
Ничего не получается. Не могу разобраться куда вставлять
[TABLE] [TR][TD] <div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="..."></iframe></div> [/TD][/TR] [/TABLE] |
|
#9
8 Июля 2016 00:13
|
|
#10
8 Июля 2016 22:58
|
|
#11
9 Июля 2016 07:33
Можно написать так.Код видео должен быть таким:
<iframe src="https://www.youtube.com/embed/POy0ouVC9dc?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe> width и height убираем. А потом в css пишем: iframe{ width: 100%; } По высоте можно написать любой подходящий Вам параметр. Вот и все)) |
||||
Похожие темы:
| 15.08.2018 15:15 | Проблемы после обновления версии DLE |
| 02.11.2016 15:30 | Вывод версии |
| 09.11.2015 12:13 | Как убрать отображение рекламы в мобильной версии сайта? |
| 09.01.2014 12:13 | Удаляет код Ютуба на версии 10 |
| 28.05.2013 17:58 | с нуллед версии на лицензию |
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Апдейты
- Яндекс ИКС
23.11.2023 (394 дня назад) - Яндекс выдача
05.09.2024 (107 дней назад)
Доска объявлений
Купить / Продать
Работа / Услуги
Интересные темы
Интернет новости
Инструменты