|
Адаптивное видео в Youtube
|
|
| milan_shubin Offline | Дата: Воскресенье, 22.10.2017, 19:00 | Сообщение # 1 |
|
Проверенный
Сообщений: 94
| Давно искали способ сделать видео из 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
| зачем настолько все усложнять, на той странице где будет видео ставим следующий код :
(если вывод видео производится через iframe)
Код iframe {
width: 100%;
height: auto;
max-height: 100%;
}
а также к любому другому классу можно приписать этот простой код и ничего из выше перечисленного не нужно.
Если видео вкладывается через страницу добавления материала, то там есть пункт где можно поставить галочку "Растягиваемое видео"
К чему весь этот бред не нужный от воркмэна не понятно. И этот человек кричал что в скрипте который я рипнул много кода...
|
|
| |
| Administrator Offline | Дата: Понедельник, 13.11.2017, 15:10 | Сообщение # 3 |
|
Заблокирован
Сообщений: 7
| andruha061, хм , там автор скрипта сделал так , и написал что удобнее) . Не знаю как будет лучше, я в этом не разбераюсь )))
" Khabib 'Web' Master "
|
|
| |
| milan_shubin Offline | Дата: Понедельник, 13.11.2017, 21:07 | Сообщение # 4 |
|
Проверенный
Сообщений: 94
| andruha061, Не знаю сам админ скрипта дал такой способ и добавил его, возможно есть и другие варианты, но все же спасибо вам обоим )))
|
|
| |
| andruha061 Offline | Дата: Понедельник, 13.11.2017, 22:45 | Сообщение # 5 |
|
Пользователь
Сообщений: 12
| Administrator, так как он написал наоборот не удобно)
width: 100%; - длина iframe будет по всей ширине
height: auto; - автоматическая высота
max-height: 100%; - используется для того чтобы выводить высоту iframe по размеру самого видео.
Все. Больше ничего не нужно. Видео адаптивное и будет идеально просматриваться и с телефона, и с компа, и с планшета)
|
|
| |
| workman Offline | Дата: Вторник, 14.11.2017, 13:35 | Сообщение # 6 |
|
Пользователь
Сообщений: 3
| Вообще-то установка роликов через 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
| Цитата workman ( ) ничего нового не предоставляешь а только рипаешь чужие работы
А мне нужно у тебя спросить чем заниматься ? меня больше интересует рип и адаптации. если тебе нравится творить - твори но молча.
а указывать кому и чем заниматься я думаю не стоит. |
|
| |
| workman Offline | Дата: Вторник, 14.11.2017, 14:03 | Сообщение # 8 |
|
Пользователь
Сообщений: 3
| Цитата andruha061 ( ) творить - твори но молча.
Ты еще сынок будешь мне указывать что делать? Да ты сначала покажи лично свою работу чтобы я замолчал... |
|
| |
| milan_shubin Offline | Дата: Вторник, 14.11.2017, 14:21 | Сообщение # 9 |
|
Проверенный
Сообщений: 94
| Не надо ссориться друзья, Тему закрываю )))
|
|
| |
| andruha061 Offline | Дата: Вторник, 14.11.2017, 15:09 | Сообщение # 10 |
|
Пользователь
Сообщений: 12
| workman, ты тупой или да ? даже пользователи отзываются о тебе как о конченном быдле которое может только выделываться :
ты как малолетняя телка можешь только обижаться и ныть пугая своими мусорами-друзьями.
я тебе сказал если ты умный такой, умничай со своими а не критикуй чужие работы. чем я занимаюсь тебя не должно волновать, рипы я делаю или адаптации, лично мне глубоко наплевать чем ты занимаешься и меня никак не интересует твоя личность.
поэтому заткни уже свой пукан и хватит бомбить, ты раздражаешь уже.
|
|
| |
