Добавить Видео На Главную В Новом Блоке.
#1
Отправлено 06 Апрель 2017 - 17:01
1. Помогите добавить на главную новый блок (это так называется?) и там разместить видео и текст. Как на картинке.
Ссылка на видео https://youtu.be/qVau52mR3xY
2. Помогите добавить на сайт шрифты GillSansLight и GillSansC, уже добавил в файлы. И поменять шрифт меню и шрифт в текстовом текстовом редакторе.
Благодарю!
SL-409506
#2
Отправлено 07 Апрель 2017 - 09:41
Raf_Z (06 Апрель 2017 - 17:01) писал:
1. Помогите добавить на главную новый блок (это так называется?) и там разместить видео и текст. Как на картинке.
Ссылка на видео https://youtu.be/qVau52mR3xY
2. Помогите добавить на сайт шрифты GillSansLight и GillSansC, уже добавил в файлы. И поменять шрифт меню и шрифт в текстовом текстовом редакторе.
Благодарю!
SL-409506
Вопросы решил.Теперь помогите поправить видео на мобильно версии. Оно растянуто.
#3
Отправлено 07 Апрель 2017 - 09:50
Raf_Z (07 Апрель 2017 - 09:41) писал:
Чтобы сделать видео адаптивным обернул тег Iframe через кнопку "Источник"
<div class="myvideo"> <iframe>Видео</iframe> </div>В конец main.css добавил
/****************************************************************************** Видео *******************************************************************************/ .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%; }
#4
Отправлено 07 Апрель 2017 - 12:12
Mr.Nito (07 Апрель 2017 - 09:50) писал:
ВидеоВ конец main.css добавил
/****************************************************************************** Видео *******************************************************************************/ .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%; }
Благодарю Вас!
Это помогло!
#5
Отправлено 13 Май 2017 - 13:20
Mr.Nito (07 Апрель 2017 - 09:50) писал:
Чтобы сделать видео адаптивным обернул тег Iframe через кнопку "Источник"
<div class="myvideo"> <iframe>Видео</iframe> </div>В конец main.css добавил
/****************************************************************************** Видео *******************************************************************************/ .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%; }
Здравствуйте!
Данную инструкцию нужно использовать для каждого видео по отдельности, которое имеется на сайте? И как обернуть тег Iframe через кнопку "Источник"?
#6
Отправлено 13 Май 2017 - 13:46
Kapal (13 Май 2017 - 13:20) писал:
Данную инструкцию нужно использовать для каждого видео по отдельности, которое имеется на сайте? И как обернуть тег Iframe через кнопку "Источник"?
Каждое видео нужно будет оборачивать в тег <div class="myvideo"></div> через кнопку источник, копирую код
до iframe
<div class="myvideo">после iframe
</div>
#7
Отправлено 13 Май 2017 - 18:00
Mr.Nito (13 Май 2017 - 13:46) писал:
Каждое видео нужно будет оборачивать в тег <div class="myvideo"></div> через кнопку источник, копирую код
до iframe
<div class="myvideo">после iframe
</div>
А myvideo таким словом и вставляется? Вместо myvideo какой то свой код не нужно вставлять?
#9
Отправлено 13 Май 2017 - 21:01
#10
Отправлено 19 Октябрь 2017 - 22:30
Помогите пожалуйста разобраться с видео. В мобильной версии все в порядке, а на ПК большой размер видео, почти на весь экран. Что нужно сделать, что бы видео было нормальным, не на весь экран?
Вот код видео: <div class="myvideo">
<div style="position:relative;height:0;padding-bottom:80.32%"><iframe src="https://www.youtube....IEJhew?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="448" height="360" frameborder="0" allowfullscreen></iframe></div>
#11
Отправлено 20 Октябрь 2017 - 09:44
Kapal (19 Октябрь 2017 - 22:30) писал:
Помогите пожалуйста разобраться с видео. В мобильной версии все в порядке, а на ПК большой размер видео, почти на весь экран. Что нужно сделать, что бы видео было нормальным, не на весь экран?
Вот код видео: <div class="myvideo">
<div style="position:relative;height:0;padding-bottom:80.32%"><iframe src="https://www.youtube....IEJhew?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="448" height="360" frameborder="0" allowfullscreen></iframe></div>
Чтобы ограничить видео по ширине используйте код:
<div style="max-width:600px;height: auto;margin:auto"> <div class="myvideo"> код iframe от youtube </div> </div>
#12
Отправлено 20 Октябрь 2017 - 13:54
Mr.Nito (20 Октябрь 2017 - 09:44) писал:
<div style="max-width:600px;height: auto;margin:auto"> <div class="myvideo"> код iframe от youtube </div> </div>
Сделал: <div style="max-width:600px;height: auto;margin:auto">
<div class="myvideo"><iframe.....</iframe></div>
</div>
Теперь в мобильной версии не корректно отображается.
#13
Отправлено 21 Октябрь 2017 - 12:47
Kapal (20 Октябрь 2017 - 13:54) писал:
<div class="myvideo"><iframe.....</iframe></div>
</div>
Теперь в мобильной версии не корректно отображается.
Пришлите название товара(или страницы) в описании которого есть видео.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных