Страница 1 из 212»
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Адаптация видео с You Tube (на мобильный)
Адаптация видео с You Tube
Alex_L_X
Дата: Воскресенье, 13.03.2016, 12:22 | Сообщение # 1
Vip
Сообщений:117
Награды: 1


Здравствуйте. Вопрос касаемо адаптации видео в странице материалов и комментариев к нему на мобильный.
К примеру ссылка на статью где видео с YouTube в статье растягивает окно, так как дизайн страницы с адаптацией.

Какое значение и куда надо дать чтобы в мобильном оно отображалось корректно
Angerfist
Дата: Воскресенье, 13.03.2016, 13:02 | Сообщение # 2
Vip
Сообщений:618
Награды: 18


Дл я начала надо адаптировать сам шаблон сайта, но если первый этап видео то ещё раз отвечу в упаковщик
Код
<div class="video-container">
    <iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0">
    </iframe>
</div>

Код самого плеера явно в $MESSAGE$ то выводим так чтобы в каждом материале не добавлять:

Код
<div class="video-container">$MESSAGE$</div>
тут главное чтоб в $MESSAGE$ не было кроме видео текста описания, а то бред получится


No regrets
Сопрано
Дата: Воскресенье, 13.03.2016, 21:20 | Сообщение # 3
Пользователи
Сообщений:265
Награды: 2


Angerfist, а там и так адаптация и теперь еще нужно делать под мобильную.
Kosten
Дата: Воскресенье, 13.03.2016, 22:11 | Сообщение # 4
Администраторы
Сообщений:12672
Награды: 39


Но что поделать, сейчас адаптация в моде. cool

Angerfist
Дата: Воскресенье, 13.03.2016, 22:27 | Сообщение # 5
Vip
Сообщений:618
Награды: 18


Alex_L_X, я так понял ты насчёт скрипта не прочитал в комментариях? Давай ещё раз... скачай скрипт который я выложил, далее всю папку со всеми внутренностями залей в корень сайта и на странице вызывай скрипт допустим таким образом
Код
<script src="/fluidvids/dist/fluidvids.js"></script>
на странице перед
Код
</body>
. Сам не тестировал но на странице с Демо видел работает, через Responisator проверил и кстати если что посмотри исходный код страницы с демо и думаю всё яснее станет.
Или таким образом
Код
<script src="http://loveanimal.ru/fluidvids/dist/fluidvids.js"></script>
вообщем путь до скрипта. Архив внизу сообщения - прикрепления.
Прикрепления: fluidvids.rar(8Kb)


No regrets

Сообщение отредактировал Angerfist - Понедельник, 14.03.2016, 02:03
Alex_L_X
Дата: Воскресенье, 13.03.2016, 23:43 | Сообщение # 6
Vip
Сообщений:117
Награды: 1


Цитата
скачай скрипт который я выложил

Подскажите, где вы его выложили.

Angerfist, спасибо, проверю завтра и тут отпишу результаты


Сообщение отредактировал Alex_L_X - Воскресенье, 13.03.2016, 23:44
Angerfist
Дата: Понедельник, 14.03.2016, 20:43 | Сообщение # 7
Vip
Сообщений:618
Награды: 18


Я тут тебе еще кое что нашёл Адаптивный видеоплеер для сайта

No regrets
Kosten
Дата: Понедельник, 14.03.2016, 20:55 | Сообщение # 8
Администраторы
Сообщений:12672
Награды: 39


Angerfist, что то плотно за видео взялись, но если сможете своими словами описать, в разделе Web мастеру, думаю безусловно многим интересно будет, только своими словами. wink

Alex_L_X
Дата: Понедельник, 14.03.2016, 22:51 | Сообщение # 9
Vip
Сообщений:117
Награды: 1


Angerfist, интересно я попробую, плох что на айос не пашет
Angerfist
Дата: Понедельник, 14.03.2016, 23:03 | Сообщение # 10
Vip
Сообщений:618
Награды: 18


Alex_L_X, цитирую: "Старый код embed для вставки видео с Yotube не будет работать на IOS устройствах, так как они на базе Flash", материал там за 2013 год, Yotube больше с флеш вообще не работает, всё теперь на HTML5

No regrets

Сообщение отредактировал Angerfist - Понедельник, 14.03.2016, 23:04
Kostik-malek
Дата: Вторник, 15.03.2016, 05:35 | Сообщение # 11
Пользователи
Сообщений:7
Награды: 0


А как быть у кого кино сайт, там только этим не обойтись.
Alex_L_X
Дата: Вторник, 15.03.2016, 16:55 | Сообщение # 12
Vip
Сообщений:117
Награды: 1


Angerfist, куда его вкрутить то надо?

Добавлено (15.03.2016, 16:55)
---------------------------------------------
Если он не способен на странице материалов блога сделать адаптивным от 2-х и более видео на телефон - то это гов*о скрипт


Сообщение отредактировал Alex_L_X - Вторник, 15.03.2016, 16:56
workman
Дата: Вторник, 15.03.2016, 18:46 | Сообщение # 13
Vip
Сообщений:1576
Награды: 7


Код
@media only screen and (max-width:768px) {
iframe {max-width:100%;}
}


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Alex_L_X
Дата: Среда, 16.03.2016, 04:09 | Сообщение # 14
Vip
Сообщений:117
Награды: 1


workman, что то в этом есть
Kosten
Дата: Среда, 16.03.2016, 04:57 | Сообщение # 15
Администраторы
Сообщений:12672
Награды: 39


Не в курсе полного расклада, но точно знаю, что адаптация проходит почему то с @media, может кто объяснить, так как 2 года назад, в CSS мне не встречался такой стиль.

Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Адаптация видео с You Tube (на мобильный)
Страница 1 из 212»
Поиск: