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


Видео На Фон


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

#141 Юля123

Юля123

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

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

Отправлено 08 Февраль 2016 - 13:02

Просмотр сообщенияRedHead (07 Февраль 2016 - 20:20) писал:

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

Здравствуйте, к сожалению, такими вопросами бесплатная тех.поддержка не занимается. Вы можете обратиться в нашу платную тех.поддержку.

#142 muscle

muscle

    Новичок

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

Отправлено 25 Октябрь 2016 - 22:55

Просмотр сообщенияVaccina (13 Август 2015 - 06:06) писал:

В шаблоне HTML перед </body> вставьте:
<video id="video_bg" autoplay="autoplay" loop="loop">
<source src="video/background.mp4" type="video/mp4"></source>
</video>

вместо video/background.mp4 необходимо вставить ссылку на видео, если формат будет отличаться от примера, то его необходимо также изменить в данном коде в type

Далее зайдите в main.css и последней строкой вставьте:
#video_bg {
position: fixed;
top: 0;
left: 0;
z-index: -1000;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}

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

Сделали все по Вашей инструкции. Но видео не становится фоном, а всего лишь добавляется в конце страницы.

Ссылка на загруж. видео: ....../Beach-Ball.mp4?4457

Помогите разобраться пож-та!

#143 Razon

Razon

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

  • Модератоpы
  • 321 сообщений

Отправлено 26 Октябрь 2016 - 10:08

Просмотр сообщенияmuscle (25 Октябрь 2016 - 22:55) писал:

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

Сделали все по Вашей инструкции. Но видео не становится фоном, а всего лишь добавляется в конце страницы.

Ссылка на загруж. видео: ....../Beach-Ball.mp4?4457

Помогите разобраться пож-та!

Здравствуйте, уточните номер вашего аккаунта или адрес вашего сайта,  чтобы мы смогли вам помочь.

#144 muscle

muscle

    Новичок

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

Отправлено 26 Октябрь 2016 - 10:16

Просмотр сообщенияRa1zon (26 Октябрь 2016 - 10:08) писал:

Здравствуйте, уточните номер вашего аккаунта или адрес вашего сайта,  чтобы мы смогли вам помочь.

Аккаунт SL-288857

#145 Razon

Razon

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

  • Модератоpы
  • 321 сообщений

Отправлено 26 Октябрь 2016 - 10:39

Просмотр сообщенияmuscle (26 Октябрь 2016 - 10:16) писал:

Аккаунт SL-288857

Воспользуйтесь инструкцией выше, также ссылка должна быть вида:
<source src="/design/Beach-Ball.mp4" type="video/mp4"></source>

В  файле style.css,
Найдите:
background:url('/kupit_steroidy.jpg?2128');

Замените на:
background:url('/design/Beach-Ball.mp4');

Хотим напомнить,  что для внесения изменений в пункте:
Далее зайдите в main.css и последней строкой вставьте:
Вместо файла main.css  у вас файл style.css

#146 muscle

muscle

    Новичок

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

Отправлено 26 Октябрь 2016 - 11:06

Просмотр сообщенияRa1zon (26 Октябрь 2016 - 10:39) писал:

Воспользуйтесь инструкцией выше, также ссылка должна быть вида:
<source src="/design/Beach-Ball.mp4" type="video/mp4"></source>

В  файле style.css,
Найдите:
background:url('/kupit_steroidy.jpg?2128');

Замените на:
background:url('/design/Beach-Ball.mp4');

Хотим напомнить,  что для внесения изменений в пункте:
Далее зайдите в main.css и последней строкой вставьте:
Вместо файла main.css  у вас файл style.css

К сожалению та же картина:   видео внизу всей страницы появляется, а фон просто становится белым. Бэкап с изменениями:

26.10.2016 11:03:36



#147 Razon

Razon

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

  • Модератоpы
  • 321 сообщений

Отправлено 26 Октябрь 2016 - 11:10

Просмотр сообщенияmuscle (26 Октябрь 2016 - 11:06) писал:

К сожалению та же картина:   видео внизу всей страницы появляется, а фон просто становится белым. Бэкап с изменениями:

26.10.2016 11:03:36




в файле style.css  не добавлены строки из инструкции выше,  а именно:
#video_bg {
position: fixed;
top: 0;
left: 0;
z-index: -1000;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}

После их добавления в указанном бэкапе все работает корректно.

#148 muscle

muscle

    Новичок

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

Отправлено 26 Октябрь 2016 - 11:22

Просмотр сообщенияRa1zon (26 Октябрь 2016 - 11:10) писал:

в файле style.css  не добавлены строки из инструкции выше,  а именно:
#video_bg {
position: fixed;
top: 0;
left: 0;
z-index: -1000;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}

После их добавления в указанном бэкапе все работает корректно.

Спасибо. Работает.

Скажите при покупке видео к примеру вот здесь:  http://www.shutterst...b1XyO2w:1:16/3p

Этого разрешения будет достаточно?
Web

19 $

454 X 240 @ 25 fps MOV

Web

19 $

454 X 240 @ 25 fps MOV


#149 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 26 Октябрь 2016 - 15:41

Просмотр сообщенияmuscle (26 Октябрь 2016 - 11:22) писал:

Спасибо. Работает.

Скажите при покупке видео к примеру вот здесь:  http://www.shutterst...b1XyO2w:1:16/3p

Этого разрешения будет достаточно?
Web

19 $
454 X 240 @ 25 fps MOV
Web

19 $
454 X 240 @ 25 fps MOV
Здравствуйте, на данный момент разница между формата mp4 и mov/web, практически нет, но если Вы загрузите видео формата mp4, то будет предпочтительней, так как этот формат широко поддерживаются на аппаратном и программном уровне.

#150 muscle

muscle

    Новичок

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

Отправлено 26 Октябрь 2016 - 18:46

Просмотр сообщенияИрина345 (26 Октябрь 2016 - 15:41) писал:

Здравствуйте, на данный момент разница между формата mp4 и mov/web, практически нет, но если Вы загрузите видео формата mp4, то будет предпочтительней, так как этот формат широко поддерживаются на аппаратном и программном уровне.

Мы имели ввиду этого разрешения достаточно для фона:   454 X 240 @ 25 fps MOV    ?

#151 Mr.Nito

Mr.Nito

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

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

Отправлено 29 Октябрь 2016 - 15:02

Просмотр сообщенияmuscle (26 Октябрь 2016 - 18:46) писал:

Мы имели ввиду этого разрешения достаточно для фона:   454 X 240 @ 25 fps MOV    ?
Здравствуйте.
Данного разрешения 454 X 240  будет явно мало для фона, при разрешении экрана 720p или 1080p сайт будет плохо смотреться.
Также формат MOV может вызвать проблемы с отображение на различных браузерах.

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

  • 29-10-2016 15-01-51.png





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

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