Страница 1 из 11
Форум » uCoz » Все о uCoz » АДАПТИВНОЕ ВИДЕО В YOUTUBE
АДАПТИВНОЕ ВИДЕО В YOUTUBE
milan_shubinДата: Воскресенье, 22.10.2017, 19:00 | Сообщение # 1
Майор
Группа: Проверенный
Сообщений: 90
Награды: 2
Репутация: 16
Статус: Offline
Давно искали способ сделать видео из YouTube адаптивным,  Вы должны следовать по инструкции:

И так начнем, Вставим тэг iframe с видео в

Код
<div class="myvideo">...</div>
Ну примерно так:

Код
<div class="myvideo">
<iframe width="560" height="315" src="//www.youtube.com/embed/kPYBn8VcdXk" frameborder="0" allowfullscreen></iframe>
</div>
В таблицу стилей в самый низ прописать такой код:

Код
.myvideo {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
border:1px solid #ccc;
}
.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
Вот и всё

Данный материал был предоставлен вебмастером "workman"


andruha061Дата: Понедельник, 13.11.2017, 12:42 | Сообщение # 2
Рядовой
Группа: Пользователь
Сообщений: 12
Награды: 2
Репутация: 13
Статус: Offline
зачем настолько все усложнять, на той странице где будет видео ставим следующий код :

(если вывод видео производится через iframe)
Код
iframe {
  width: 100%;
  height: auto;
  max-height: 100%;
}

а также к любому другому классу можно приписать этот простой код и ничего из выше перечисленного не нужно.

Если видео вкладывается через страницу добавления материала, то там есть пункт где можно поставить галочку "Растягиваемое видео"
К чему весь этот бред не нужный от воркмэна не понятно. И этот человек кричал что в скрипте который я рипнул много кода...
AdministratorДата: Понедельник, 13.11.2017, 15:10 | Сообщение # 3
Рядовой
Группа: Пользователь
Сообщений: 7
Награды: 1
Репутация: 2
Статус: Offline
andruha061, хм , там автор скрипта сделал так , и написал что удобнее) . Не знаю как будет лучше, я в этом не разбераюсь )))

" Khabib 'Web' Master "
milan_shubinДата: Понедельник, 13.11.2017, 21:07 | Сообщение # 4
Майор
Группа: Проверенный
Сообщений: 90
Награды: 2
Репутация: 16
Статус: Offline
andruha061, Не знаю сам админ скрипта дал такой способ и добавил его, возможно есть и другие варианты, но все же спасибо вам обоим )))

andruha061Дата: Понедельник, 13.11.2017, 22:45 | Сообщение # 5
Рядовой
Группа: Пользователь
Сообщений: 12
Награды: 2
Репутация: 13
Статус: Offline
Administrator, так как он написал наоборот не удобно)
width: 100%; - длина iframe будет по всей ширине
height: auto; - автоматическая высота
max-height: 100%; - используется для того чтобы выводить высоту iframe по размеру самого видео.

Все. Больше ничего не нужно. Видео адаптивное и будет идеально просматриваться и с телефона, и с компа, и с планшета)
workmanДата: Вторник, 14.11.2017, 13:35 | Сообщение # 6
Рядовой
Группа: Пользователь
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline
Вообще-то установка роликов через iframe для сайта давным давно устарела и iframe видео дает большую нагрузку на сайт. Есть уже другой скрипт который уменьшает нагрузку

Добавлено (14.11.2017, 13:31)
---------------------------------------------

Цитата andruha061 ()
И этот человек кричал что в скрипте который я рипнул много кода...

Буду и дальше также это утверждать так как ничего нового не предоставляешь а только рипаешь чужие работы )))

Добавлено (14.11.2017, 13:35)
---------------------------------------------
Кто-то видит тут основной код iframe ролика?

Код
<!--начало видео-->
<div class="yout-bl">
<a rel="nofollow" class="various fancybox.iframe" href="http:///www.youtube.com/embed/WsIORuCCqc0?rel=0&autoplay=1&modestbranding=1" >
<div class="youtimg" style="background: url(//img.youtube.com/vi/WsIORuCCqc0/hqdefault.jpg) no-repeat 50% 50%;"></div></a>
</div>
<!--конец видео-->
andruha061Дата: Вторник, 14.11.2017, 13:56 | Сообщение # 7
Рядовой
Группа: Пользователь
Сообщений: 12
Награды: 2
Репутация: 13
Статус: Offline
Цитата workman ()
ничего нового не предоставляешь а только рипаешь чужие работы

А мне нужно у тебя спросить чем заниматься ? меня больше интересует рип и адаптации. если тебе нравится творить - твори но молча.
а указывать кому и чем заниматься я думаю не стоит.
workmanДата: Вторник, 14.11.2017, 14:03 | Сообщение # 8
Рядовой
Группа: Пользователь
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline
Цитата andruha061 ()
творить - твори но молча.

Ты еще сынок будешь мне указывать что делать? Да ты сначала покажи лично свою работу чтобы я замолчал...
milan_shubinДата: Вторник, 14.11.2017, 14:21 | Сообщение # 9
Майор
Группа: Проверенный
Сообщений: 90
Награды: 2
Репутация: 16
Статус: Offline
Не надо ссориться друзья, Тему закрываю )))

andruha061Дата: Вторник, 14.11.2017, 15:09 | Сообщение # 10
Рядовой
Группа: Пользователь
Сообщений: 12
Награды: 2
Репутация: 13
Статус: Offline
workman, ты тупой или да ? даже пользователи отзываются о тебе как о конченном быдле которое может только выделываться :



ты как малолетняя телка можешь только обижаться и ныть пугая своими мусорами-друзьями.
я тебе сказал если ты умный такой, умничай со своими а не критикуй чужие работы. чем я занимаюсь тебя не должно волновать, рипы я делаю или адаптации, лично мне глубоко наплевать чем ты занимаешься и меня никак не интересует твоя личность.
поэтому заткни уже свой пукан и хватит бомбить, ты раздражаешь уже.
Прикрепления: 5177901.png(28Kb)
Форум » uCoz » Все о uCoz » АДАПТИВНОЕ ВИДЕО В YOUTUBE
Страница 1 из 11
Поиск:

Старая форма входа