В мобильной версии сайта не сжимается трейлер ЮТЮБ
Страницы: 1
В мобильной версии сайта не сжимается трейлер ЮТЮБ
В мобильной версии сайта (стандартная от DLE 10.4) вставленное видео с ютюб вылазит в ширину за рамку просмотра. Подскажите пож. как сделать чтобы плеер ютюб не вылазил за рамку просмотра? Заранее благодарен...
ДЕШЕВЫЕ ВЫДЕЛЕННЫЕ СЕРВЕРЫ И VPS, от 10$ В МЕСЯЦ! - Inferno Solutions + КОД СКИДКИ на 15$: NNFREW2345. БЕСПЛАТНАЯ СЛУЖБА ПОДДЕРЖКИ 24 ЧАСА.

Комплексное 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%;
}
По высоте можно написать любой подходящий Вам параметр.
Вот и все))
Hostia.Ru - самый удобный и недорогой хостинг. Сам пользуюсь и всем рекомендую)

Мой сайт все о Mitsubishi висит на этом хостинге. Кроме него еще 3 сайта тоже там
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
10:10 Adsense - стоп-слова для фильтров 
10:09 17.08 - Яндекс выдача 
09:55 Нашел много копий страниц своего сайта 
09:43 Как сделать так, чтобы по конкретным ссылкам из соцсетей и youtube не передавался вес? SEO форум (затёр) 
08:44 Рекомендуемый контент Adsense 
07:46 Гугл порезал трафик или где мой трафик, чувак? 
04:58 2 акаунт адсенс: продать или оставить себе?? 
09:32 Сайт с доходом адсенс. Дорогая тематика. 
04:56 Продаю автонаполняемый СМИ 425 тИц 
22:05 [Бесплатный тест] Airsocks. Инновационные 4G / LTE прокси. Забудь все что было раньше! 
21:04 Онлайн сервис для широкого круга людей, доход (адсенс) 
20:54 Семантическое ядро с ручной группировкой и НК ключами 
20:29 Linken Sphere – браузер-антидетект нового поколения 
20:05 BelkaPay.ru - Автообмен/ввод/вывод Киев:WM,PM,P24,ЯД,BTC,LTC,BTC-e,Сбер,Qiwi,Visa,Нал 
08:34 Работа для вебмастеров. 625 долл/сутки? - легко! 
16:42 Фейковый сайт для подключения Сбербанк-online, Яндекс кассы и др. Нужна помощь. 
16:21 Прямоугольник на сайте 
14:13 Кэшбери - это 
11:12 Нужен взлом аккаунта инстаграм 
09:22 Поймал фильтр от Яндекса «Обман пользователей мобильного интернета», потерял мобильный траф. 
21:34 Переезд сайта с домена на домен вопрос.