Перейти к содержимому


Добавить Видео На Главную В Новом Блоке.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 12

#1 Raf_Z

Raf_Z

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородОмск

Отправлено 06 Апрель 2017 - 17:01

Добрый день.
1. Помогите добавить на главную новый блок (это так называется?) и там разместить видео и текст. Как на картинке.

Ссылка на видео https://youtu.be/qVau52mR3xY


2. Помогите добавить на сайт шрифты GillSansLight и GillSansC, уже добавил в файлы. И поменять шрифт меню и шрифт в текстовом текстовом редакторе.


Благодарю!
SL-409506

Прикрепленные изображения

  • Снимок3.jpg


#2 Raf_Z

Raf_Z

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородОмск

Отправлено 07 Апрель 2017 - 09:41

Просмотр сообщенияRaf_Z (06 Апрель 2017 - 17:01) писал:

Добрый день.
1. Помогите добавить на главную новый блок (это так называется?) и там разместить видео и текст. Как на картинке.

Ссылка на видео https://youtu.be/qVau52mR3xY


2. Помогите добавить на сайт шрифты GillSansLight и GillSansC, уже добавил в файлы. И поменять шрифт меню и шрифт в текстовом текстовом редакторе.


Благодарю!
SL-409506

Вопросы решил.Теперь помогите поправить видео на мобильно версии. Оно растянуто.

#3 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 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 Raf_Z

Raf_Z

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородОмск

Отправлено 07 Апрель 2017 - 12:12

Просмотр сообщенияMr.Nito (07 Апрель 2017 - 09:50) писал:

Здравствуйте. Чтобы сделать видео адаптивным обернул тег Iframe через кнопку "Источник"
Видео​
В конец 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 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 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 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 13 Май 2017 - 13:46

Просмотр сообщенияKapal (13 Май 2017 - 13:20) писал:

Здравствуйте!

Данную инструкцию нужно использовать для каждого видео по отдельности, которое имеется на сайте? И как обернуть тег Iframe через кнопку "Источник"?
В main.css код добавляется 1 раз

Каждое видео нужно будет оборачивать в тег <div class="myvideo"></div> через кнопку источник, копирую код
до iframe
<div class="myvideo">
после iframe
</div>

Прикрепленные изображения

  • 13-05-2017 13-44-49.jpg


#7 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 13 Май 2017 - 18:00

Просмотр сообщенияMr.Nito (13 Май 2017 - 13:46) писал:

В main.css код добавляется 1 раз

Каждое видео нужно будет оборачивать в тег <div class="myvideo"></div> через кнопку источник, копирую код
до iframe
<div class="myvideo">
после iframe
</div>

А myvideo таким словом и вставляется? Вместо myvideo какой то свой код не нужно вставлять?

#8 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 13 Май 2017 - 18:10

Просмотр сообщенияKapal (13 Май 2017 - 18:00) писал:

А myvideo таким словом и вставляется? Вместо myvideo какой то свой код не нужно вставлять?
Дополнительно ничего не требуется вносить, заполнить по примеру сообщений выше.

#9 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 13 Май 2017 - 21:01

Ясно. Спасибо!

#10 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 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 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 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 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 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 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 21 Октябрь 2017 - 12:47

Просмотр сообщенияKapal (20 Октябрь 2017 - 13:54) писал:

Сделал: <div style="max-width:600px;height: auto;margin:auto">
<div class="myvideo"><iframe.....</iframe></div>
</div>

Теперь в мобильной версии не корректно отображается.
Здравствуйте.
Пришлите название товара(или страницы) в описании которого есть видео.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных