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

Комплексное 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://mitsu-motors.ru/ висит на этом хостинге. Кроме него еще 3 сайта тоже там
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
18:38 Яндекс выдача 15.09.2019 
14:16 Edu-Revenue.com – партнёрка в нише эссе. До 75% за новые заказы, 35% – ребилы! 
12:06 Продвижение в ТОП Яндекс. Мега быстро! 
19:47 14 сентября 2019 Яндекс выдача 
19:24 Что за инструмент продвижения? 
11:18 Автоматеический вывод статьи соответствующей даты 
10:16 Яндекс Справочник(карты) - отображение в выдаче 
22:37 Белый вывод сайта в топ Яндекса 
22:01 Размещу 15001 ссылку на Ваш сайт с профилей + Бонус 
18:35 Метод получения качественных ссылок за копейки (автоматизация 90%) 
15:18 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 
14:57 Бесплатно! Грабер ключей с сайтов конкурентов 
02:27 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone) 
23:27 Парсер телефонов Юла 
03:35 Цель: 100 000 руб. в месяц с 1-го канала на Яндекс Дзен © БЛОГ НЕ БЛОГЕРА 
18:59 Свежие базы 2гис и Яндекс карты. за 2019 год 
07:35 Наши машинки 
17:29 Оптимизация шаблона: теги h3-h4 
17:20 Сайт с пометкой вредоносное ПО от гугла 
14:32 Партнерская программа Affiliates5plus с выплатами до 60% 
12:07 Кинотеатры онлайн - прямая реклама роликов ютуб, работает ли?