Форум русской поддержки Joomla!® CMS
08.12.2016, 00:20:07 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

YouTube Автоподгон под размер страницы

 (Прочитано 488 раз)
0 Пользователей и 1 Гость смотрят эту тему.
sanek602
Захожу иногда
**

Репутация: +1/-0
Offline Offline

Сообщений: 14


« : 21.07.2015, 10:30:13 »

Всем привет! Как подогнать под размер страницы??В процентах не получается...Редактор CodeMirror. Вставляю вот такую штуку:

Цитировать
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/Cf2VpZ9eOFA" frameborder="0" allowfullscreen></iframe>

Вот результат: http://online-gms.ru/online-games/browser-games/war-browser/item/29-ground-war-tanks
« Последнее редактирование: 21.07.2015, 10:42:03 от sanek602 » Записан
Viktop
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 110


« Ответ #1 : 21.07.2015, 14:03:15 »

<p class="video"><iframe src="https://www.youtube.com/gjkgk" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </p>

.video {width: 100%;position: relative;padding-top: 56.25%;}
.video iframe, .video object, .video embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

Записан
sanek602
Захожу иногда
**

Репутация: +1/-0
Offline Offline

Сообщений: 14


« Ответ #2 : 21.07.2015, 15:52:16 »

Спасибо, завтра попробую, я вот немного по другому пробовал CSS написать..
Записан
sanek602
Захожу иногда
**

Репутация: +1/-0
Offline Offline

Сообщений: 14


« Ответ #3 : 22.07.2015, 04:29:09 »

Спасибо, все вышло! Сделал так...


<div class=youtube_rezina><iframe width="800" height="600" src="https://www.youtube.com/embed/Cf2VpZ9eOFA" frameborder="0" allowfullscreen></iframe></div>
<div class=youtube_rezina><iframe width="800" height="600" src="https://www.youtube.com/embed/D0C6f1Smo-w" frameborder="0" allowfullscreen></iframe></div>

.youtube_rezina {width: 100%;position: relative;padding-top: 56.25%;}
.youtube_rezina iframe,
.youtube_rezina object,
.youtube_rezina embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet