В мобильной версии сайта не сжимается трейлер ЮТЮБ

Сообщений: 440 Регистрация: Июл 2012

27 Июня 2016 22:50

В мобильной версии сайта (стандартная от DLE 10.4) вставленное видео с ютюб вылазит в ширину за рамку просмотра. Подскажите пож. как сделать чтобы плеер ютюб не вылазил за рамку просмотра? Заранее благодарен...

Inferno Solutions: хостинг с полным сопровождением 24/7 от профессионалов.

Александр

Сообщений: 474 Регистрация: Мар 2011

27 Июня 2016 23:44

Попробуйте указать ширину плеера в CSS для моб. версии сайта

Веб дизайн - отзывы

Андрей

Сообщений: 440 Регистрация: Июл 2012

28 Июня 2016 00:16

Цитата
Александр пишет: Попробуйте указать ширину плеера в CSS для моб. версии сайта

Можете подсказать пример?

вадим

Сообщений: 1438 Регистрация: Окт 2011

28 Июня 2016 08:19

Андрей, ну к примеру только высотой

Код
@media only screen and (max-width: 460px).video-frame iframe { height: 170px;}

Изменено: вадим - 28 Июня 2016 08:20

Андрей

Сообщений: 440 Регистрация: Июл 2012

28 Июня 2016 15:04

Цитата
вадим пишет: @media only screen and (max-width: 460px).video-frame iframe { height: 170px;

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

Нил

Сообщений: 72 Регистрация: Сен 2013

28 Июня 2016 17:04

max-width:100%;

или можно

width:100%;
height:100%;

desertFox

Сообщений: 252 Регистрация: Июл 2013

29 Июня 2016 11:46

если шаблон на Bootstrap, то можно использовать его классы,документация - http://getbootstrap.com/components/

решение для шаблонов на Bootstrap:

для видео 16:9

Код
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="..."></iframe></div>

для видео 4:3

Код
<div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item" src="..."></iframe></div>

Если шаблон свёрстан по другому, можно сделать так - https://habrahabr.ru/post/144003/

Андрей

Сообщений: 440 Регистрация: Июл 2012

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]

Александр

Сообщений: 474 Регистрация: Мар 2011

8 Июля 2016 00:13

Цитата
Андрей пишет: Ничего не получается. Не могу разобраться куда вставлять

В понедельник буду на месте, оставьте свои координаты в ЛС.

Андрей

Сообщений: 440 Регистрация: Июл 2012

#10

8 Июля 2016 22:58

Цитата
Александр пишет: В понедельник буду на месте, оставьте свои координаты в ЛС.

Оставил.

Сергей Николаенко Сообщений: 183 Регистрация: Дек 2015	#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%; } По высоте можно написать любой подходящий Вам параметр. Вот и все)) https://hostia.ru/billing/host.php?uid=24820 - самый удобный и недорогой хостинг. Сам пользуюсь и всем рекомендую) Мой сайт https://seganiko.com. Обращайтесь за разработкой.

Новые темы	Объявления	Свободное общение
01:08 krm40.at В ЭТОЙ СТАТЬЕ СОБРАНЫ САМЫЕ АКТУАЛЬНЫЕ ССЫЛКИ И ПЕРЕХОДНИКИ НА ПЛОЩАДКУ КРАКЕН для безопасного входа в KRAKEN МАРКЕТПЛЕЙС 1) Официальная ссылка KRAKEN https://krm40.at 2) Официальное зеркалo https://krm40.at Вот несколько рекомендаций, кото 00:59 krm40.at В ЭТОЙ СТАТЬЕ СОБРАНЫ САМЫЕ АКТУАЛЬНЫЕ ССЫЛКИ И ПЕРЕХОДНИКИ НА ПЛОЩАДКУ КРАКЕН для безопасного входа в KRAKEN МАРКЕТПЛЕЙС 1) Официальная ссылка KRAKEN https://krm40.at 2) Официальное зеркалo https://krm40.at Вот несколько рекомендаций, кото 00:29 krm40.at В ЭТОЙ СТАТЬЕ СОБРАНЫ САМЫЕ АКТУАЛЬНЫЕ ССЫЛКИ И ПЕРЕХОДНИКИ НА ПЛОЩАДКУ КРАКЕН для безопасного входа в KRAKEN МАРКЕТПЛЕЙС 1) Официальная ссылка KRAKEN https://krm40.at 2) Официальное зеркалo https://krm40.at 23:41 krm40.at В ЭТОЙ СТАТЬЕ СОБРАНЫ САМЫЕ АКТУАЛЬНЫЕ ССЫЛКИ И ПЕРЕХОДНИКИ НА ПЛОЩАДКУ КРАКЕН для безопасного входа в KRAKEN МАРКЕТПЛЕЙС 1) Официальная ссылка KRAKEN https://krm40.at 2) Официальное зеркалo https://krm40.at 23:17 krm40.at В ЭТОЙ СТАТЬЕ СОБРАНЫ САМЫЕ АКТУАЛЬНЫЕ ССЫЛКИ И ПЕРЕХОДНИКИ НА ПЛОЩАДКУ КРАКЕН для безопасного входа в KRAKEN МАРКЕТПЛЕЙС 1) Официальная ссылка KRAKEN https://krm40.at 2) Официальное зеркалo https://krm40.at 22:44 krm40.at В ЭТОЙ СТАТЬЕ СОБРАНЫ САМЫЕ АКТУАЛЬНЫЕ ССЫЛКИ И ПЕРЕХОДНИКИ НА ПЛОЩАДКУ КРАКЕН для безопасного входа в KRAKEN МАРКЕТПЛЕЙС 1) Официальная ссылка KRAKEN https://krm40.at 2) Официальное зеркалo https://krm40.at 22:42 krm40.at Проверенные ссылки для безопасного входа в кракен Cписок всех рабочих ссылок и зеркал для безопасного входа в KRAKEN МАРКЕТПЛЕЙС а так же OMGOMG TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ✅ ВХОД ТУТ: https://k	03:41 krm40.at \| KRAKEN \| ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN\|2025 Август\|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн 03:31 krm40.at \| KRAKEN \| ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN\|2025 Август\|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн 03:15 krm40.at \| KRAKEN \| ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN\|2025 Август\|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн 03:03 krm40.at \| KRAKEN \| ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN\|2025 Август\|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн 20:39 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 16:11 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 13:35 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 23.0.4 StrongAI	22:11 Точные прогнозы на футбол 11:39 Поиск сайта, предоставляющего услуги по продаже стальных полос и металлической продукции 13:13 О природе путешествий. 00:15 Накрутка поисковых подсказок 19:56 Union Pharm - топовая фарма-партнерка для профессионалов! 19:48 Ну что, кто куда деваете свои сайты? 03:22 Европа объявляет независимость от Windows: создаётся своя операционная система для чиновников

Новые темы

Объявления

Свободное общение

03:41 krm40.at | KRAKEN | ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN|2025 Август|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн
03:31 krm40.at | KRAKEN | ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN|2025 Август|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн
03:15 krm40.at | KRAKEN | ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN|2025 Август|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн
03:03 krm40.at | KRAKEN | ОФИЦИАЛЬНАЯ СТАТЬЯ KRAKEN|2025 Август|Рабочие Зеркала для входа ОБЯЗАТЕЛЬНО СОХРАНИ ССЫЛКИ ЧТО БЫ НЕ ПОПАСТЬСЯ НА ФЕЙК !!!! TELEGRAM КАНАЛ С ССЫЛКАМИ НА МАРКЕТПЛЕЙС https://t.me/KrakenShopLinks ⚠ Никогда не скачивайте Tor с сомн
20:39 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
16:11 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust
13:35 Размещу ссылки/статьи на ваш сайт | Рост ИКС | XRumer 23.0.4 StrongAI

22:11 Точные прогнозы на футбол
11:39 Поиск сайта, предоставляющего услуги по продаже стальных полос и металлической продукции
13:13 О природе путешествий.
00:15 Накрутка поисковых подсказок
19:56 Union Pharm - топовая фарма-партнерка для профессионалов!
19:48 Ну что, кто куда деваете свои сайты?
03:22 Европа объявляет независимость от Windows: создаётся своя операционная система для чиновников

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	с нуллед версии на лицензию