• Страница 1 из 1
  • 1
Форум про uCoz » uCoz » Все о uCoz » Адаптивное видео в Youtube
Адаптивное видео в Youtube
milan_shubin OfflineДата: Воскресенье, 22.10.2017, 19:00 | Сообщение # 1
Проверенный
Сообщений: 94
16


Давно искали способ сделать видео из 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 OfflineДата: Понедельник, 13.11.2017, 12:42 | Сообщение # 2
Пользователь
Сообщений: 12
13


зачем настолько все усложнять, на той странице где будет видео ставим следующий код :

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

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

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


andruha061, хм , там автор скрипта сделал так , и написал что удобнее) . Не знаю как будет лучше, я в этом не разбераюсь )))


" Khabib 'Web' Master "
milan_shubin OfflineДата: Понедельник, 13.11.2017, 21:07 | Сообщение # 4
Проверенный
Сообщений: 94
16


andruha061, Не знаю сам админ скрипта дал такой способ и добавил его, возможно есть и другие варианты, но все же спасибо вам обоим )))


andruha061 OfflineДата: Понедельник, 13.11.2017, 22:45 | Сообщение # 5
Пользователь
Сообщений: 12
13


Administrator, так как он написал наоборот не удобно)
width: 100%; - длина iframe будет по всей ширине
height: auto; - автоматическая высота
max-height: 100%; - используется для того чтобы выводить высоту iframe по размеру самого видео.

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


Нет наград
Вообще-то установка роликов через 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 OfflineДата: Вторник, 14.11.2017, 13:56 | Сообщение # 7
Пользователь
Сообщений: 12
13


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

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


Нет наград
Цитата andruha061 ()
творить - твори но молча.

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


Не надо ссориться друзья, Тему закрываю )))


andruha061 OfflineДата: Вторник, 14.11.2017, 15:09 | Сообщение # 10
Пользователь
Сообщений: 12
13


workman, ты тупой или да ? даже пользователи отзываются о тебе как о конченном быдле которое может только выделываться :



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

Прикрепления: 5177901.png(28.3 Kb)
Форум про uCoz » uCoz » Все о uCoz » Адаптивное видео в Youtube
  • Страница 1 из 1
  • 1
Поиск: