Материал из Chipwiki
Перейти к: навигация, поиск
Мануал:Видео — различия между версиями
Строка 1: Строка 1:
Встраивание плеера на страницы осуществляется при помощи шаблонов:
+
В страницы чипвики можно встраивать видео со следующих сервисов:
* [[Шаблон:youtube|youtube]]
+
 
* [[Шаблон:vimeo|vimeo]]
+
{| class="wikitable"
* [[Шаблон:vkvideo|vkvideo]]
+
|-
* [[Шаблон:livestream|livestream]]
+
|'''Сервис'''
 +
|'''Синтаксис'''
 +
|-
 +
|width="100px"|vkontakte
 +
|<nowiki>{{vkvideo|oid|id|hash|Описание|ширина|высота|Выравнивание}}</nowiki>
 +
|-
 +
|youtube
 +
|<nowiki>{{youtube|id|описание|ширина|высота|Выравнивание}}</nowiki>
 +
|-
 +
|vimeo
 +
|<nowiki>{{vimeo|id|описание|ширина|высота|Выравнивание}}</nowiki>
 +
|-
 +
|livestream
 +
|<nowiki>{{livestream|account|event|video|Описание|ширина|высота|Выравнивание}}</nowiki>
 +
|}
 +
 
 +
Как вы видите, шаблоны для встраивания видео с сервисов почти идентичны.
 +
 
 +
'''id''' узнаётся для каждого сервиса по-своему:
 +
----
 +
<div class="morphcontainer hover">
 +
<span class="morphlink_hilight" style="cursor: default; decoration: none; background: none;font-weight:bold;width:0px;"></span>
 +
<span class="morphlink_default" style="display:none;"></span>
 +
<span class="morphprev"> ◄ </span>
 +
<span class="morphnext"> ► </span>
 +
<span class="morphlink">youtube</span>
 +
<span class="morphlink">vimeo</span>
 +
<span class="morphlink">vkontakte</span>
 +
<span class="morphlink">livestream</span>
 +
<br/>
 +
<span class="morphcontent">Например, ролик располагается по адресу <nowiki>http://www.youtube.com/watch?v=m8Z22CURVc4</nowiki>. m8Z22CURVc4 и есть id.</span>
 +
<span class="morphcontent">Аналогично youtube. Например, ролик располагается по адресу <nowiki>http://vimeo.com/24002628</nowiki>. Последние цифры и есть id. </span>
 +
<span class="morphcontent">На странице с роликом нужно нажать на ссылку "Поделиться", выбрать "Экспорт видеозаписи". В появившемся окошке обратить внимание на поле "Код для вставки". Там будет примерно такой код:<br/>
 +
<nowiki><iframe src="http://vk.com/video_ext.php?oid=10122985&id=167974651&hash=568cece059c640a8&hd=1" width="607" height="360" frameborder="0"></iframe></nowiki><br/>
 +
из которого нам нужен этот кусок - oid=10122985&id=167974651&hash=568cece059c640a8&hd=1. Берем и копируем соответствующие значения в код шаблона.</span>
 +
<span class="morphcontent">Вверху видео справа находится счётчик времени, который является ссылкой на данный ролик, например, <nowiki>http://new.livestream.com/accounts/9718235/events/3320803/videos/60227622
 +
</nowiki>. Отсюда и брать соответствующие значения. </span>
 +
</div>
 +
----
 +
 
 +
'''Ширина и высота''' задаются цифрами без px и обязательно.
 +
Значения для '''выравнивание:''' центр, влево, вправо, нет. Также можно писать с заглавной буквы. "Вправо" можно не прописывать - выравнивание по правому краю происходит по-умолчанию. "нет" похоже на "влево", но во втором случае содержимое страницы обтекает видео.
 +
 
 +
'''Описание''' может быть как простым текстом, так и вики- или внешними ссылками.
  
 
Для работы с большим количеством видеоконтента имеются шаблоны "[[Шаблон:Видеогалерея|Видеогалерея]]" и "[[Шаблон:Морфвидео|Морфвидео]]" (работает пока только с Youtube).
 
Для работы с большим количеством видеоконтента имеются шаблоны "[[Шаблон:Видеогалерея|Видеогалерея]]" и "[[Шаблон:Морфвидео|Морфвидео]]" (работает пока только с Youtube).

Версия 19:50, 2 сентября 2014

В страницы чипвики можно встраивать видео со следующих сервисов:

Сервис Синтаксис
vkontakte {{vkvideo|oid|id|hash|Описание|ширина|высота|Выравнивание}}
youtube {{youtube|id|описание|ширина|высота|Выравнивание}}
vimeo {{vimeo|id|описание|ширина|высота|Выравнивание}}
livestream {{livestream|account|event|video|Описание|ширина|высота|Выравнивание}}

Как вы видите, шаблоны для встраивания видео с сервисов почти идентичны.

id узнаётся для каждого сервиса по-своему:


youtube vimeo vkontakte livestream
Например, ролик располагается по адресу http://www.youtube.com/watch?v=m8Z22CURVc4. m8Z22CURVc4 и есть id. Аналогично youtube. Например, ролик располагается по адресу http://vimeo.com/24002628. Последние цифры и есть id. На странице с роликом нужно нажать на ссылку "Поделиться", выбрать "Экспорт видеозаписи". В появившемся окошке обратить внимание на поле "Код для вставки". Там будет примерно такой код:
<iframe src="http://vk.com/video_ext.php?oid=10122985&id=167974651&hash=568cece059c640a8&hd=1" width="607" height="360" frameborder="0"></iframe>
из которого нам нужен этот кусок - oid=10122985&id=167974651&hash=568cece059c640a8&hd=1. Берем и копируем соответствующие значения в код шаблона.
Вверху видео справа находится счётчик времени, который является ссылкой на данный ролик, например, http://new.livestream.com/accounts/9718235/events/3320803/videos/60227622 . Отсюда и брать соответствующие значения.


Ширина и высота задаются цифрами без px и обязательно. Значения для выравнивание: центр, влево, вправо, нет. Также можно писать с заглавной буквы. "Вправо" можно не прописывать - выравнивание по правому краю происходит по-умолчанию. "нет" похоже на "влево", но во втором случае содержимое страницы обтекает видео.

Описание может быть как простым текстом, так и вики- или внешними ссылками.

Для работы с большим количеством видеоконтента имеются шаблоны "Видеогалерея" и "Морфвидео" (работает пока только с Youtube).