Ответить на тему  [ Сообщений: 3 ] 
Как вставить видео в шапку сайта? 
Автор Сообщение
Прохожий

Зарегистрирован: 31 мар 2017, 18:10
Сообщений: 2
Пол: мужской
Репутация: 0
Добавить пункт репутацииВычесть пункт репутации
Сообщение Как вставить видео в шапку сайта?
Как вставить видео в шапку сайта, что бы не зависеть от YouTube???
На ВидеоМастере почему-то выдается код для вставки на сайт только 600х240px , а мне надо 1024х576px.
Кто поможет???


31 мар 2017, 18:28
Профиль Отправить личное сообщение
Опытный

Зарегистрирован: 12 дек 2011, 21:34
Сообщений: 535
Пол: мужской
Репутация: 1046
Добавить пункт репутацииВычесть пункт репутации
Сообщение 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 (это для стандартных форматов или видео с фотика, для гугловых форматов - только гугловое)...


31 мар 2017, 20:29
Профиль Отправить личное сообщение
Опытный

Зарегистрирован: 12 дек 2011, 21:34
Сообщений: 535
Пол: мужской
Репутация: 1046
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как вставить видео в шапку сайта?
Я, похоже, обманул с поддержкой форматов браузерами. Просто давно не ковырялся с этим. А сегодня залил видео webm на свой сайт и забыл, что страницу просматривал в Огнелисе. Переагрузил страничку. А оно показывается :)


01 апр 2017, 14:27
Профиль Отправить личное сообщение
Показать сообщения за:  Сортировать по:  
Ответить на тему   [ Сообщений: 3 ] 
   Похожие темы   Автор   Ответов   Просмотров   Последнее сообщение 
Нет новых непрочитанных сообщений в этой теме Как шапку в коде положить перед </body>, не нарушив вёрстку?

в форуме CSS И ВЕРСТКА

popadopolo

8

1360

12 апр 2012, 14:43

popadopolo Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Помогите пожалуйста! я хочу сделать шапку...

в форуме HTML

Aidar

1

1978

03 фев 2014, 13:43

Hoto Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Как поменять шапку страницы в шаблоне для Joomla 1.5?

[ На страницу: 1, 2 ]

в форуме ШАБЛОНЫ И ВНЕШНЕЕ ОФОРМЛЕНИЕ JOOMLA

CrazySK

13

8076

19 дек 2011, 11:10

Zvirec [Bot] Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Как за места цвета на всю шапку поставить картинку

[ На страницу: 1, 2 ]

в форуме CSS И ВЕРСТКА

Ринат

13

2971

24 апр 2013, 14:12

Zvirec [Bot] Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме сделайте красивую запоминающуюся шапку

[ На страницу: 1, 2 ]

в форуме PHOTOSHOP

Halkolivan

18

1879

15 апр 2010, 13:13

Iris Перейти к последнему сообщению


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти: