|
Адаптация видео с 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 ] |
| |
