Форум поддержки сайта zvirec.com
http://forum.zvirec.com/

Как вставить видео в шапку сайта?
http://forum.zvirec.com/viewtopic.php?f=41&t=22784
Страница 1 из 1

Автор:  mizar59 [ 31 мар 2017, 18:28 ]
Заголовок сообщения:  Как вставить видео в шапку сайта?

Как вставить видео в шапку сайта, что бы не зависеть от YouTube???
На ВидеоМастере почему-то выдается код для вставки на сайт только 600х240px , а мне надо 1024х576px.
Кто поможет???

Автор:  Val_Ery [ 31 мар 2017, 20:29 ]
Заголовок сообщения:  Re: Как вставить видео в шапку сайта?

Привет!
Попробуйте тег video. Делается так:
1) создаете папку video (в неё будете бросать свои сюжеты)
2) для каждого видео-файла создаете "дубликат", только в другом формате. Например, у вас есть файл video.mp4. Вам просто надо при помощи видео-конвертеров получить video.ogv и video.webm.
Делается это по той причине, что разные браузеры не поддерживают разные форматы. Если гуголь продвигает свой webm, то вот отобразить это видео огнелис не сможет: ему mp4 или ogv подавай
3) в свою разметку в нужное вам место вставляете код типа такого:
Код:
<video width="75%" height="auto" controls>
  <source src="video/update.mp4" type="video/mp4">
  <source src="video/update2.webm" type="video/webm">
  <source src="video/update.ogv" type="video/ogg">
  Your browser does not support the video tag.
</video>


Я просто в качестве примера добавил ширину. Высота - авто - чтоб не меняла пропорции. Элемент controls добавляет элементы управления: проиграть, пауза, полный экран. Внутри тега video - список источников для проигрывания. Если браузер не может работать с webm, он проиграет mp4. И наоборот.
Выглядит это так:
Изображение

На картинке: видео 1280px шириной ужато в соответствии с правилом width="75%". Причем оно респонсивно.
Если видео не тяжелое, думаю никаких проблем с размещением его на своей площадке не будет.

Само видео (скринкаст) делал при помощи vlc, кодировал в webm при помощи libwebp (гугловый инструмент). Вообще, я предпочитаю для кодирования тот же vlc, или ffmpeg (это для стандартных форматов или видео с фотика, для гугловых форматов - только гугловое)...

Автор:  Val_Ery [ 01 апр 2017, 14:27 ]
Заголовок сообщения:  Re: Как вставить видео в шапку сайта?

Я, похоже, обманул с поддержкой форматов браузерами. Просто давно не ковырялся с этим. А сегодня залил видео webm на свой сайт и забыл, что страницу просматривал в Огнелисе. Переагрузил страничку. А оно показывается :)

Страница 1 из 1 Часовой пояс: UTC + 3 часа
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/