amio (amio) wrote,
amio
amio

Category:

Как оформить блог в ЖЖ - 3 (Работа с видео)

Как оформить блог ЖЖ - 1
Как оформить блог ЖЖ - 2
Как оформить блог ЖЖ - 4 (Кнопки для блога)
Как оформить блог ЖЖ - 5 (Работа с фоном)

Работа с видео в блоге ЖЖ

Рано или поздно, но у всех блогеров возникает необходимость использования видео в блоге. Как это сделать красиво и эффективно и избавиться от неприятных баннеров и получить дополнительные возможности, о которых многие пока не задумываются?


Эти вопросы изучены мной на собственном опыте, причем некоторые ответы не помогли найти даже известные поисковики. Многое удалось случайно найти на разных форумах или определить методом так называемого научного тыка.

Я люблю музыку и видеоклипы, некоторые делаю самостоятельно, поэтому часто работаю с видео и многие интересные клипы размещаю у себя в блоге. Но для того, чтобы их поместить в блог, их надо сначала найти или самостоятельно залить на какой-нибудь видеохостинг (для этого понадобится там зарегистрироваться).

На мой взгляд, самыми оптимальными и удобными видеохостингами являются YouTube и ВКонтакте. Каждый из них имеет свои преимущества и недостатки.

YouTube в настоящее время является основным и очень удобным в работе видеохостингом в мире и поддерживается всеми социальными сетями и СМИ. На YouTube можно найти практически любую медийную информацию.

Но существуют и определенные недостатки: на многие клипы устанавливают баннеры с рекламными и прочими ссылками (что портит внешний вид), еще там не любят эротику и быстро ее блокируют по жалобам борцов за нравственность, еще там очень хорошо охраняют авторские права и по обращению правообладателей быстро блокируют видео.

Причем есть особенно неприятные организации типа Мосфильма или Ленфильма, по обращениям которых блокируют именно для ЖЖ контент, содержащий эпизоды советских художественных фильмов. Может быть, Вам даже приходилось читать запись об этом при попытке посмотреть встроенное в блог видео.

Если на Вас будут поступать жалобы, то Ваш аккаунт на YouTube временно заблокируют и Вам придется сдавать зачет по знанию основ авторского законодательства США, мне в свое время пришлось это сделать. Если после этого у Вас опять будут нарушения, то Ваш аккаунт на YouTube просто ликвидируют.

Поэтому, если Вы чувствуете, что с YouTube могут быть проблемы, то видео можно разместить на более лояльном ВКонтакте, именно поэтому у меня в блоге некоторые клипы размещены именно ВКонтакте, хотя все-таки я предпочитаю YouTube.

Как разместить видео в блоге ЖЖ.

Сначала о видео ВКонтакте. Открываете клип, найденный или лично туда загруженный. В правом нижнем углу экрана находите слово Поделиться, далее Экспорт видеозаписи, там открываете меню Качество видео и устанавливаете максимальное значение и только после этого копируете Код для вставки.

Далее в своем блоге открываете новый пост или редактирование старого и нажимаете кнопку Добавить видео (она на панели редактирования поста, десятая слева) и в открывшееся окно добавляете код видео.

Внимание: если у Вас в блоге много видео с YouTube (которое вставляется в блог примерно так же) и Вы хотите, чтобы все окна клипов (и YouTube и ВКонтакте) были одинакового размера, то при вставке кода ВКонтакте надо изменить ширину и высоту в коде (width – ширина, height – высота). Меняем цифры в коде 607 и 360 на необходимые нам цифры 560 и 315. Делаем это прямо в окне кода, а потом нажимаем Добавить.

Теперь о видео с YouTube.

Через поиск находите необходимое видео. Чтобы найти клип в максимальном качестве, рекомендую в строке поиска добавлять HD или HQ. Находите внизу слово Поделиться и нажимаете HTML-код. Далее надо выбрать Размер видео.

Если Вы хотите, чтобы все в блоге было аккуратно и красиво, рекомендую все клипы размещать в одинаковом размере. Лично я рекомендую выбрать в выпадающем меню Размер видео или 640х360 или 640х480. Далее копируем код (в нем должно быть width=640 height=360 или 480).

Если Вы добавляете видео способом как и для ВКонтакте, менять цифры в окне добавления видео не надо, они автоматически изменятся на 560х315, можете это проверить, открыв редактирование в режиме HTML.

О возможностях сервиса YouTube и доступных кодах.

Буду рассказывать и показывать на примерах. Например мы нашли какое-то видео, вот ссылка http://www.youtube.com/watch?v=k4xjSzOX6PM

Запомните, что набор символов типа k4xjSzOX6PM - это код видео в базе YouTube, состоящий из 11 символов, для каждого файла свой код.

При установке видео в блог вышеуказанным методом мы увидим примерно следующее.



Запустите воспроизведение. Видите мои горячо любимые баннеры, которые очень часто устанавливают в разных клипах? Меня они очень раздражают и еще не нравится строка меню, появляющаяся сверху. Кроме того, в конце воспроизведения мы увидим целую таблицу с похожими видео.

Как от всего этого избавиться и получить примерно такой результат?



После того, как мы добавили видео в пост, переходим в режим редактирования HTML (в правом верхнем углу, справа от Визуального редактора) и видим код видео (нам нужна только правая сторона этого кода)



Нас интересует часть k4xjSzOX6PM" (код и правые кавычки), где k4xjSzOX6PM - код видео из 11 символов.

Существует целый набор кодов YouTube для отображения видео в разной форме (я их укажу ниже). Как их добавить?

Просто скопировать и вставить без всяких пробелов между кодом видео и правыми кавычками. Коды между собой разделяются точкой с запятой без пробелов (после последнего кода точку с запятой ставить не надо).

Чтобы получить результат (видеоклип выше), в исходный код  (указан выше), мы добавляем набор из трех кодов:
?iv_load_policy=3;rel=0;showinfo=0

Было и стало:




Пробелов быть не должно! Все это занимает несколько секунд и в результате мы видим то, что хотим увидеть. Можете просто скопировать и сохранить где-нибудь, а потом добавлять в код видеоролика составленный Вами набор.

Лично я постоянно использую   ?iv_load_policy=3;rel=0;showinfo=0

Коды YouTube (которые можно добавлять точно так же по необходимости)

rel=0     - запретить предлагать просмотр похожих видео после просмотра основного ролика.
showinfo=0     - запретить вывод названия и рейтинга ролика в плеере.
autoplay=0     - запретить автоматическое воспроизведение ролика на странице.
loop=0     - запретить повтор видео после просмотра, если в плеере заданы сразу несколько роликов.
enablejsapi=0     -  запретить возможность использования API Javascript
hl=ru_RU   - установить язык русскоязычного интерфейса  видео
egm=0     - запретить всплывающее расширенное меню.
fs=0     - запретить возможность полноэкранного просмотра видео
start=200     - запустить видео с 200 секунды
fmt=6     - задать качество видео. &fmt=18 еще лучше, а &fmt=22 будет наилучшим. Только для видео в HD качестве.
disablekb=1     - запретить управление клавиатурой.
showsearch=0     - запретить показ окна поиска при уменьшенном виде ролика.

Там, где указано время, цифры можно менять произвольно, например запустить видео с 246 секунды

И еще, если Вы через поиск какого-то видео нашли его и оно оказалось в каком-то плейлисте, например таком http://www.youtube.com/watch?v=Q496feyiOuo&feature=c4-overview-vl&list=PLC8C4585A6472C157, а это не очень удобно, так как последовательно будут воспроизводиться все клипы.

Можно вытащить клип из плейлиста, это очень просто: надо стереть в ссылке все символы справа от 11-значного кода видео, при этом получится так http://www.youtube.com/watch?v=Q496feyiOuo

Было   http://www.youtube.com/watch?v=Q496feyiOuo&feature=c4-overview-vl&list=PLC8C4585A6472C157
Стало http://www.youtube.com/watch?v=Q496feyiOuo

Если Вам надо вставить видео в комментарий, просто скопируйте код в окно комментария. Желательно при этом пропорционально уменьшить размеры (width – ширина, height – высота), чтобы видео не пыталось нарушить границу ленты поста.

Надеюсь, что эта информация будет полезной для Вас и сделает Ваши блоги еще лучше и симпатичнее. Тему оформления я собираюсь продолжить в следующих постах, не переключайтесь.

http://amio.livejournal.com/

Tags: livejournal, Дизайн блога
Subscribe

Posts from This Journal “Дизайн блога” Tag

  • Долгожданные лайки

    В Живом Журнале появились лайки и это очень хорошо! И пусть злобно ругаются всякие олдфаги и владельцы старого дизайна, которые лайков не видят.…

  • Простая кнопка для блога

    Пригодится таким же как и я сторонникам минимализма. Кнопку не надо рисовать и смотрится она категорично, скромно и со вкусом. Ее HTML-код…

  • Редактирование постов в Живом Журнале

    Расскажу об этой теме руководствуясь своим опытом работы с блогом. В справке Живого Журнала и в других блогах вы этих сведений не найдете и…

  • Секреты видео YouTube для блога в Живом Журнале

    У блогеров Живого Журнала часто возникает необходимость использования видео в блоге. Эта информация поможет, если вы хотите сделать все красиво и…

  • Удобная форма поиска в блоге

    Расскажу подробно и с примерами, как установить в блоге Живого Журнала удобную форму поиска, которая пригодится и новичкам и опытным блогерам.…

  • Как найти комментарии в Живом Журнале

    Новая улучшенная форма поиска своих и чужих комментариев в блогах Живого Журнала, которая пригодится и опытным и начинающим блогерам. Делается…

  • Как постить картинки в Живом Журнале

    Практические советы, основанные на личном опыте работы с блогом, которые могут пригодиться и опытным и начинающим блогерам. Когда я читаю…

  • Полезные советы для Живого Журнала

    В этом посте вы найдете сведения, которые несомненно пригодятся и новичкам и опытным блогерам Живого Журнала. Все изложенное основано на моем…

  • О происках Гугла и дизайне ЖЖ

    Расскажу своими словами, чтобы было понятно каждой классической блондинке. Гугл затеял очередную реформу и выставил требования к владельцам…

promo amio октябрь 16, 2015 07:02
Buy for 10 tokens
В этом посте вы найдете сведения, которые несомненно пригодятся и новичкам и опытным блогерам Живого Журнала. Все изложенное основано на моем собственном опыте и на моих ошибках. Пост будет обновляться и дополняться новыми материалами. Соответствующие посты откроются, если вы нажмете на…
Comments for this post were disabled by the author