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

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Попробуйте указать ширину плеера в CSS для моб. версии сайта
Цитата
Александр пишет:
Попробуйте указать ширину плеера в CSS для моб. версии сайта
Можете подсказать пример?
Андрей, ну к примеру только высотой 
Код
@media only screen and (max-width: 460px).video-frame iframe { height: 170px;}
Изменено: вадим - 28 Июня 2016 08:20
Цитата
вадим пишет:
@media only screen and (max-width: 460px).video-frame iframe { height: 170px;
На всех мобильных устройствах экраны разные, поэтому задавать ширину и высоту медии не подходит.
max-width:100%;


или можно 

width:100%;
height:100%;
если шаблон на 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/
Ничего не получается. Не могу разобраться куда вставлять 
[TABLE]

[TR][TD]
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="..."></iframe></div>
[/TD][/TR]

[/TABLE]
Цитата
Андрей пишет:
Ничего не получается. Не могу разобраться куда вставлять
В понедельник буду на месте, оставьте свои координаты в ЛС.
Цитата
Александр пишет:
В понедельник буду на месте, оставьте свои координаты в ЛС.
Оставил.
Можно написать так.Код видео должен быть таким:
<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://avia-cat.ru/ висит на этом хостинге. Кроме него, еще 60 сайтов тоже там
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
05:31 Программа по накрутке Яндекс Эфир, Яндекс Дзен. Скрипт YandexZenPro 
05:11 Трафик WebVisitor_Pro улучшение и накрутка поведенческих факторов ранжирования вашего сайта 
00:18 Сайт был исключен из списка источников Дзена из-за низкой доли собственной аудитории. 
22:23 Прибыльную и надежную партнёрку Perestroika Affiliates - в каждый дом! 
20:33 ФАС запретила "Яндексу" занижать позиции конкурентов в поисковой выдаче 
19:12 Clickpay.Money — push-партнерка для лёгкой и удобной монетизации ваших площадок! 
18:48 выдача 24.02.2021 | Яндекс уберёт с первой позиции свои ресурсы? 
22:50 Продвину сайт качественными ссылками. Рост посещаемости, позиций и ИКС. Крауд ссылки недорого + скидки. 
21:52 Профильный прогон 200 рублей, Тиц (Икс) от 10, проверен Checktrust 
19:35 TorgWM - Онлайн обмен Qiwi, VISA, Mastercard, Webmoney на Paysera в EUR/USD или на SEPA. 
19:26 Bitality.cc - обменник электронных валют 
18:47 Обмен/Вывод криптовалют и электронных денег в разных странах 
16:41 Флудер телефонов 
16:27 Majento PositionMeter - Быстрое сканирование Яндекс и Google 
00:28 Тот момент, когда лучше жить в небогатом государстве 
00:24 Продаю крупные аккаунты в Инстаграме (дешево) 
22:12 Проверяем "Анализ сайта" 
21:57 Wildberries запустился во Франции, Италии и Испании 
17:42 Соцсеть Golos с заработком за посты 
09:12 Россиянки рассказали, сколько должен зарабатывать мужчина на содержание семьи 
09:06 РБК: Маск потерял $15 млрд и лидерство в рейтинге после падения курса биткоина