Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Создаем эластичное видео на сайте для iframe, object тегов
Создаем эластичное видео на сайте для iframe, object тегов
workman
Дата: Вторник, 05.01.2016, 13:58 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


HTML5 видео
Видео на HTML5 можно с легкостью сделать эластичным, при изменении размеров окна, с помощью max-width:100%.
Не работает с тегами iframe и object
Код
video {
    max-width: 100%;
    height: auto;
}

Для Iframe и Object
Нужно обернуть код тегом DIV и указать для параметра padding bottom процентное значение от 50% до 60%.
Код
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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


Код
<div class="video-container">
    <iframe src="ссылка на ролик" width="800" height="450" frameborder="0"></iframe>
</div>


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Вторник, 05.01.2016, 18:30 | Сообщение # 2
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
Это также мне не понятно, что то знакомое Iframe и Object и все
Оно растянет ролик на ширину поля указанных размеров. Какой бы ролик небыл бы добавлен, он автоматически будет увеличен


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
csretven
Дата: Среда, 06.01.2016, 05:12 | Сообщение # 3
Пользователи
Сообщений:46
Награды: 0


Эластичное видео, сначало прочел как эпическое. biggrin
nikolla76
Дата: Среда, 06.01.2016, 05:22 | Сообщение # 4
Пользователи
Сообщений:32
Награды: 0


Да что проверять, уже установлено, просто кто заходит на сайт, вот такое окно появляется. Код копируем и кидаем в низ сайта.



Но она еще поеп не доработана, так как другое изображение поставлю.
Прикрепления: 6955834.png(175Kb)
Kosten
Дата: Среда, 06.01.2016, 05:42 | Сообщение # 5
Администраторы
Сообщений:12672
Награды: 39


nikolla76, эта не та тема. cool

FeStemBer
Дата: Четверг, 07.01.2016, 04:32 | Сообщение # 6
Проверенные
Сообщений:294
Награды: 1


Цитата workman ()
Не работает с тегами iframe и object

Тат с них все плееры начинаются.
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Создаем эластичное видео на сайте для iframe, object тегов
Страница 1 из 11
Поиск: