Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Defoz
0 / 0 / 0
Регистрация: 15.07.2015
Сообщений: 37
1

Iframe адаптация

02.03.2017, 11:57. Просмотров 625. Ответов 0
Метки нет (Все метки)

Здравствуйте, возник такой вопрос ни когда раньше с этим не сталкивался поэтому не судите строго.. В общем имеется iframe допустим с видео от Вконтакте или Youtube. Далее я бы его поставил как фрейм в полное описание материала НО мне нужно не одно видео а от 20 до 1000 на одну страницу, было найдено решение правда мне кажется не самое лучшее. Сделать контейнер с селекторами и фреймами в html странице. И так получилось что если я вставляю одно видео в фрейме в полное описание материала у меня все нормально с резиной сайта и при уменьшении экрана и разрешения все в порядке. Но так как мне нужно сделать фрейм в фрейме то получается так что один фрейм увеличивается или уменьшается от размера экрана а тот фрейм который в селекторе второго фрейма размер не меняет(

Добавлено через 16 часов 56 минут
Неужели никто не поможет?
Так выглядит html в странице сайта
HTML5
1
2
3
<div class="video">
<iframe src="/путь/до/file.html" width="100%" height="510" frameborder="0" allowfullscreen=""></iframe>
</div>
А так выглядит то что в самом файле
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<style>
    video {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
    video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
</style>
<div class="video"><iframe name="film_main" id="film_main" src="Ссылка на видео 1" width="100%" height="500" frameborder="0" allowfullscreen=""></iframe>
<div align="center"><select name="select_items" size="1" onchange="javascript:urla=this.value;document.getElementById('film_main').src=urla;">
<optgroup label="Плеер Sibnet">
<option value="Ссылка на видео 1">Видео 1</option>
<option value="Ссылка на видео 2">Видео 2</option>
<option value="Ссылка на видео 3">Видео 3</option>
</optgroup>
</select></div></div>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
02.03.2017, 11:57
Ответы с готовыми решениями:

Адаптация сайта
Прописывал медиа-запрос @media (min-width: 0px) and (max-width: 390px) и было...

Адаптация заголовка
Можно ли как-то в css указать изменение размера шрифта при изменении размеров...

Адаптация кнопки
кнопка не отображается в опере в хроме все нормально для адаптации...

Адаптация сайта
Всем привет, столкнулся с такой проблемой. Нужно перевести данный сайт...

Адаптация изображений
Всем привет! Перерыл весь гугл, но так и не смог реализовать адаптацию под...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
02.03.2017, 11:57

Адаптация сайта
сделал адаптацию сайта. на всех устройствах хорошо, а именно на нокиа люмиа 920...

Адаптация страницы
Можете помочь, чтоб сайт на всех экранах пк от hd до full hd подходил. Один...

Адаптация формы связи
Здравствуйте! Подскажите как адаптировать всплывающую форму чтобы она...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru