Чтобы вставить видео на сайт необходимо получить код этого видео, для этого открываем необходимое видео ВКонтакте, внизу видео нажимаем кнопку «Поделиться» — «Получить код видео» и копируем содержимое поля «Код для вставки:».
Все, скопированный код можно вставить на своем сайте, блоге и прочих сайтах которые поддерживают вставку html кода.
- Нажмите, чтобы открыть на Facebook (Открывается в новом окне)
- Нажмите, чтобы поделиться на Twitter (Открывается в новом окне)
- Нажмите, чтобы поделиться записями на Pinterest (Открывается в новом окне)
- Нажмите, чтобы поделиться на LinkedIn (Открывается в новом окне)
- Нажмите, чтобы поделиться записями на Tumblr (Открывается в новом окне)
- Нажмите, чтобы поделиться в Telegram (Открывается в новом окне)
- Ещё
- Нажмите, чтобы поделиться записями на Pocket (Открывается в новом окне)
- Нажмите, чтобы поделиться в Skype (Открывается в новом окне)
- Нажмите, чтобы поделиться на Reddit (Открывается в новом окне)
- Нажмите, чтобы поделиться в WhatsApp (Открывается в новом окне)
- Нажмите для печати (Открывается в новом окне)
Источник: ixnfo.com
Как вставить видео из Вконтакте на сайт/блог?
Как вставить видео на сайт из социальных сетей и компьютера
Как вставить видео на сайт из популярных социальных сетей чтобы оно гармонично вписалось в страницу, было адаптивным и удобно смотрелось на различных устройствах. Особенности добавления видео на сайт с компьютера.
Видео на сайте и его главные задачи.
И сразу начнем с главного. Видео, размещенное на страницах сайта, решает две основные задачи.
Поведенческий фактор – задержка пользователей на страницах (важно для SEO). В результате понижается показатель отказов в статистике и как следствие, повышение в рейтинге поисковых систем.
Для современных поисковых систем – один из важных моментов. Просматривая ролики непосредственно на страницах вашего сайта, пользователи тратят определенное количество времени для просмотра.
Этот показатель фиксируется в поисковиках, что в дальнейшем увеличит шансы в попадание в топ. Если, конечно, контент отвечает современным требованиям SEO.
Так же не мало важным является доверие, экономия времени, исключает недопонимание (обучающие ролики). В тексте не всегда можно до конца что-то понять, а видеоконтент все расставит на свои места.
Можно указать нужный размер и при необходимости, автостарт. Копируем весь код и вставляем на сайт в режиме html-кода.
В любой cms есть редактор с подобным режимом. В вордпрессе, например, два редактора, классический и гутенберг.
Как вставить видео на сайт с вконтакте
По этому же принципу делается и в социальной сети вконтакте. При размещении видео из разных источников, соотношение сторон плеера может отличаться.
Размер видео можно изменить в ручном режиме, непосредственно в редакторе подправив нужные значения.
С youtube и vimeo все по аналогии, с небольшой разницей в кнопке «поделиться».
Как вставить видео на сайт с компьютера
Видео загружать на сайт можно точно так же как и изображения, но есть некоторые нюансы, которые необходимо учитывать.
Объем видео
Объем загружаемого видео может в несколько раз превышать объем изображения. Если картинка 1024х683 весит к примеру, 1 mb., то пятиминутный ролик может потянуть на 20 mb.
Поэтому на выбранном тарифе хостинга должен быть запас. Для таких целей лучше купить VPN (виртуальный сервер).
Способ загрузки
Для добавления медиафайлов лучше не использовать загрузчик движка (cms-системы). Это долго и не безопасно, к тому же нагружает сервер. Я бы рекомендовал FTP. Проще, быстрее и надежней.
Код для адаптивного видео из социальных сетей
Здесь код видео
Код для добавления в дополнительные стили
.thumb-wrap < position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ height: 0; overflow: hidden; >.thumb-wrap iframe
Класс .thumb-wrap не обязательный, на его месте может быть другой придуманный вами.
Заключение
Теперь вы в курсе как вставить видео на сайт из разных социальных сетей, у вас есть код для того, чтобы сделать его адаптивным и вы узнали об особенностях хранения и воспроизведения видео со своего хостинга.
Источник: starting-constructor.ru
Как вставить видео на сайт с YouTube, Вконтакте, Rutube, и т. д.
Всем привет! Сегодня я вам расскажу, как можно вставить понравившиеся вам видеоролики на свой сайт, будь то это обычный форум или целый движок как WordPress, с разных сервисов, таких как: YouTube, Вконтакте, Одноклассники, Rutube, Видео mail.
Как вы все знаете, видео поставлено на сайт может сослужить хорошую службу не только посетителям, но и вашему проекту (сайту).
Ведь чем дольше пользователи находятся на сайте, тем лучше у вас будут поведенческие факторы, которые на сегодняшний день очень важны при раскрутке любого сайта.
Также при написании той или иной публикации не всегда можно через текст показать, что да как правильно нужно сделать, тут-то к нам на помощь и приходит видео, где вы можете все понятным языком объяснить и показать.
Например, если у вас сайт по кулинарной тематике, то вы можете добавить свое видео, где вы объясняете, как правильно приготовить, например, утку по-пекински, если сам рецепт, который вы описали, оказался для большинства посетителей слишком сложным или недостаточно точным в деталях.
Помимо этого видео не только может показать некоторые нюансы, которые текстом не расскажешь, но и хорошо развлечь вашу аудиторию, как это делает, например, всем известный оптимизатор Михаил Шакин.
Михаил одним из первых стал вставлять прикольные видеоролики, у которых куча просмотров на YouTube, тем самым сделал свой сайт не только полезным для своей аудитории, но и в тоже время интересным.
Как видите, в наш век видео стало настолько сильным и эффективным инструментом не только в плане SEO, но также и в инфобизнесе, что даже в наше время уже не пишут продающих текстов под тот или иной продукт, как это делалось когда-то, а просто записывают видео-презентацию, где о нем и рассказывается.
Думаю о пользе видеороликов можно рассуждать бесконечно, так что давайте сразу перейдем к методам вставки видео на свой сайт с разных видеохостингов.
Как вставить видео с YouTube на сайт на html, форум, WordPress
Способ 1. Тут все просто, заходите на YouTube http://www.youtube.com/, находите понравившийся вам ролик, который вы хотели бы поставить на сайт.
Теперь все что вам нужно сделать, так это просто скопировать адрес этого видео, который находится вверху браузера и вставить в нужное место на вашем сайте или форуме, где у вас страница представлена в виде html-кода.
Если же у вас сайт сделанный на движке WordPress, то вам надо зайти в адмику блога, потом в «запись» «добавить новую» и во вкладке «текст» вставить адрес этого ролика и опубликовать запись, вот и все, ничего тут сложного нет.
Единственный минус этого метода в том, что нельзя будет указать размер видео и выровнять его по нужному вам краю, как в следующем способе.
Способ 2. Как и в предыдущем примере находим понравившееся видео и под ним нажимаем на «поделиться» «html-код».
Тут рекомендую поставить галочку возле «использовать старый код вставки», так как если этого не сделать, то код будет иметь вставку во фрейме, который не всегда корректно работает.
Тут же вы можете выбрать размер своего видео или указать этот параметр вручную, если ни один из вариантов не подходит. Ок, после этого копируем код и вставляем на сайте, как и в первом примере.
Если хотите выровнять его посередине, то добавьте к ним следующий код:
код видео
Способ 3. Если у вас не получается найти нужный вам ролик, то можете просто пройти процедуру регистрации на YouTube или Google, авторизоваться и загрузить свое собственное видео.
Плюс этого метода в том, что вы можете выбирать картинку, которая будет отображаться на вашем еще не включенном видео, а также не наблюдать назойливую рекламу, которая у большинства владельцев акаунтов на YouTube включена.
Также в YouTube есть куча полезных сервисов по редактированию видео, которые могут вам пригодиться.
Как вставить видео с Вконтакте на сайт?
Тут надо будет сначала зарегистрироваться Вконтакте http://vk.com/, чтобы у вас появилась возможность заходить в эту социальную сеть и смотреть ролики.
После того как зарегистрируетесь, найдите нужное вам видео, справа нажмите на «экспорт видеозаписи» и скопируйте код себе на сайт.
Как вставить видео с других сервисов: Одноклассники, Rutube, Видео mail?
Регистрируемся в Одноклассники http://odnoklassniki.ru/, находим нужный ролик, и вверху копируем адрес видео, вставляем на сайт.
Заходим на Rutube http://rutube.ru/, находим нужный ролик. Тут, кстати, надо будет нажать не на само видео, а на его заголовок (название).
Выйдет видео, тут внизу нажмете на специальный символ, чтобы получить код. Если нажмете еще на «настроить параметры плеера», то попадете в расширенные настройки видеоролика.
Заходим на Видео mail http://my.mail.ru/list/svsad/video/, находим нужный ролик и справа нажимаем на специальный символ, чтобы получить код, вот и все.
Кстати, на все эти сервисы тоже можно закачать свое видео, но у каждого из них имеются свои ограничения и правила. Например, на YouTube можно загружать ролики, которые воспроизводятся не больше 15 минут.
На Rutube можно загружать ролики только до 300мб, в Яндекс видео до 1г (1000мб), так что когда захотите закачать свое собственное видео, хорошо сравните эти сервисы между собой. Я лично пользуюсь только YouTube и иногда Яндекс видео.
Что ж, теперь-то вы знаете как вставить видео на свой сайт, так что в следующей статье я научу вас как можно вставить свой собственный флешь-плеер на блог, форум, на тот случай, если вы предпочитаете хранить все свои видеоролики у себя на хостинге.
Источник: firstprize.ru