|
Адаптация видео с You Tube
|
|
Alex_L_X |
Воскресенье, 13 Марта 2016, 12:22 | Сообщение 1 |
|
Здравствуйте. Вопрос касаемо адаптации видео в странице материалов и комментариев к нему на мобильный.
К примеру ссылка на статью где видео с YouTube в статье растягивает окно, так как дизайн страницы с адаптацией.
Какое значение и куда надо дать чтобы в мобильном оно отображалось корректно
|
| [ KZ ] |
|
|
Angerfist |
Воскресенье, 13 Марта 2016, 13:02 | Сообщение 2 |
|
Дл я начала надо адаптировать сам шаблон сайта, но если первый этап видео то ещё раз отвечу в упаковщик
Код <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>
No regrets
|
| [ RU ] |
|
|
Сопрано |
Воскресенье, 13 Марта 2016, 21:20 | Сообщение 3 |
|
Angerfist, а там и так адаптация и теперь еще нужно делать под мобильную.
|
| [ RU ] |
|
|
Kosten |
Воскресенье, 13 Марта 2016, 22:11 | Сообщение 4 |
|
Но что поделать, сейчас адаптация в моде. 
|
| [ RU ] |
|
|
Angerfist |
Воскресенье, 13 Марта 2016, 22:27 | Сообщение 5 |
|
|
Alex_L_X, я так понял ты насчёт скрипта не прочитал в комментариях? Давай ещё раз... скачай скрипт который я выложил, далее всю папку со всеми внутренностями залей в корень сайта и на странице вызывай скрипт допустим таким образом Код <script src="/fluidvids/dist/fluidvids.js"></script>
Или таким образом Код <script src="http://loveanimal.ru/fluidvids/dist/fluidvids.js"></script>
No regrets
Сообщение отредактировал
Angerfist - Понедельник, 14 Марта 2016, 02:03 |
| [ RU ] |
|
|
Alex_L_X |
Воскресенье, 13 Марта 2016, 23:43 | Сообщение 6 |
|
|
Цитата скачай скрипт который я выложил
Подскажите, где вы его выложили.
Angerfist, спасибо, проверю завтра и тут отпишу результаты
Сообщение отредактировал
Alex_L_X - Воскресенье, 13 Марта 2016, 23:44 |
| [ KZ ] |
|
|
Angerfist |
Понедельник, 14 Марта 2016, 20:43 | Сообщение 7 |
|
|
Я тут тебе еще кое что нашёл Адаптивный видеоплеер для сайта
No regrets
|
| [ RU ] |
|
|
Kosten |
Понедельник, 14 Марта 2016, 20:55 | Сообщение 8 |
|
|
Angerfist, что то плотно за видео взялись, но если сможете своими словами описать, в разделе Web мастеру, думаю безусловно многим интересно будет, только своими словами. 
|
| [ RU ] |
|
|
Alex_L_X |
Понедельник, 14 Марта 2016, 22:51 | Сообщение 9 |
|
|
Angerfist, интересно я попробую, плох что на айос не пашет
|
| [ KZ ] |
|
|
Angerfist |
Понедельник, 14 Марта 2016, 23:03 | Сообщение 10 |
|
|
Alex_L_X, цитирую: "Старый код embed для вставки видео с Yotube не будет работать на IOS устройствах, так как они на базе Flash", материал там за 2013 год, Yotube больше с флеш вообще не работает, всё теперь на HTML5
No regrets
Сообщение отредактировал
Angerfist - Понедельник, 14 Марта 2016, 23:04 |
| [ RU ] |
|
|
Kostik-malek |
Вторник, 15 Марта 2016, 05:35 | Сообщение 11 |
|
А как быть у кого кино сайт, там только этим не обойтись.
|
| [ RU ] |
|
|
Alex_L_X |
Вторник, 15 Марта 2016, 16:55 | Сообщение 12 |
|
|
Angerfist, куда его вкрутить то надо?
Добавлено (15.03.2016, 16:55)
---------------------------------------------
Если он не способен на странице материалов блога сделать адаптивным от 2-х и более видео на телефон - то это гов*о скрипт
Сообщение отредактировал
Alex_L_X - Вторник, 15 Марта 2016, 16:56 |
| [ KZ ] |
|
|
workman |
Вторник, 15 Марта 2016, 18:46 | Сообщение 13 |
|
Код @media only screen and (max-width:768px) {
iframe {max-width:100%;}
} |
| [ RU ] |
|
|
Alex_L_X |
Среда, 16 Марта 2016, 04:09 | Сообщение 14 |
|
|
workman, что то в этом есть
|
| [ KZ ] |
|
|
Kosten |
Среда, 16 Марта 2016, 04:57 | Сообщение 15 |
|
|
Не в курсе полного расклада, но точно знаю, что адаптация проходит почему то с @media, может кто объяснить, так как 2 года назад, в CSS мне не встречался такой стиль.
|
| [ RU ] |
|
|
