Как вставлять видео из Вконтакте на сайт

Давно хотел сделать возможность добавления видео из вконтакте.

Нам понадобится отредактировать файл: engine/modules/text/Text.class.php
Update 14.07.2010: Под 0.3.1 тоже работает.

Простая версия


Открываем, ищем:

public function VideoParser($sText) < /** * youtube.com */ $sText = preg_replace(‘/http://(?:www.|)youtube.com/watch?v=([a-zA-Z0-9_-]+)/Ui’, ‘ ‘, $sText); /** * rutube.ru */ $sText = preg_replace(‘/http://(?:www.|)rutube.ru/tracks/d+.html?v=([a-zA-Z0-9_-]+)/Ui’, ‘ ‘, $sText);

и после добавляем код:
/** * vkontakte.ru */ $sText = preg_replace(‘/http://vkontakte.ru/(.*)/Ui’, ‘‘, $sText);

На этом можно закончить, и копировать url видео из кода, который появляется по ссылке «Получить код видео» (код обернут в тег iframe).

Как вставить видео из Вконтакте на сайт/блог?

Пример использования.
Вконтакте нажимаем ссылку «получить код видео», получаем нечто вроди:

Извлекаем url: vkontakte.ru/video_ext.php?oid=22344263hash=3fe77bef85c2d9d8 (обязательно с http:// вначале).
И вставляем его в лайвстрит в тег video.

Продвинутое использование

Для тех, кто хочет упростить жизнь своим пользователям и позволять им вставлять код целиком, который предлагает вконтакте для вставки на сайт, необходимо сделать еще одно добавление.

Тот же файл, на несколько строк ниже:


после этого добавляем код:

$sResult=preg_replace(‘//Ui’,’http://vkontakte.ru/$1′,$sResult);

Код выше меняет html код с тегом iframe, который предлагает вконтакте на код

Пример использования.
Вконтакте нажимаем ссылку «получить код видео», получаем нечто вроди:

Источник: livestreet.ru

Как встроить видео rutube в wordpress

rutube в wordpress

С помощью EmbedPress вы можете встраивать видео RuTube в WordPress, используя только URL. Встраивание RuTube возможно, но его непросто осуществить обычными методами. EmbedPress – это совсем другое. С EmbedPress вам не придется возиться с кодом для встраивания. Все, что вам нужно – это URL-адрес видео RuTube.

Еще по теме:  Как написать в личные сообщения группы в ВК

Пошаговая инструкция Rutube для wordpress

Встроить видео RuTube на ваш сайт WordPress с помощью плагина EmbedPress и без использования плагина c 4 шага.

Установите плагин EmbedPress

EmbedPress – это очень полезный плагин, который расширяет и улучшает возможности WordPress. Установите EmbedPress, и ваш сайт WordPress станет намного мощнее. Найти его можно на WordPress.org или через репозиторий в админке

Настройка аккаунта RuTube

✔ Войдите/зарегистрируйтесь на своем аккаунте RuTube. Это необязательно, можно встраивать и чужие видео.
✔ Просмотрите видео, которые вы хотите вставить на свой сайт WordPress.
✔ На странице воспроизведения видео скопируйте URL-адрес из адресной строки.
✔ Этот URL будет использоваться в дальнейшем для встраивания.

rutube вставить в wordpress

Встраивание видео RuTube и публикация

Теперь у вас есть URL RuTube, и вы можете добавить его в WordPress.
Зайдите на свой сайт WordPress.
Редактируйте запись или страницу.
Добавьте URL-адрес видео RuTube в область контента, включив вкладку “Визуальный” или найдите блок EmbedPress в редакторе гутенберг.
Вы увидите фиолетовый фон с сообщением “Loading your embed …”.
Ваш URL будет автоматически преобразован во вставку вашего видео на RuTube:

EmbedPress в гутенберг

Взять код вставки для встраивания видео с Rutube без плагина

На странице с видео найдите кнопку поделиться. Нажмите и выберите: Код вставки плеера и плейлиста

Как встроить видео rutube в wordpress

Настройка кода

В открывшемся окне настройте или оставьте без изменений параметры отображения – высоту и ширину. И другие настройки по желанию.

Настройки вставки плеера

Скопируйте код вставки

Наведите курсор на код и выделенный фрагмент скопируйте.

Скопировать код вставки плеера

Вставьте код в редактор wordpres

Редактор wordpress

Откройте классический редактор WordPress и перейдите в редактирование HT

Вставьте код и перейдите обратно в визуальный редактор. Видео отобразится в редакторе и на сайте.

Еще по теме:  Как убрать в ВК был в сети недавно с телефона

Источник: greatech.ru

Видео Мастер-класс Как вставить Видео в запись

Сверху или снизу от видео нажмите на стрелку «Поделиться».

В открывшемся окне нажмите на ссылку «Экспортировать»:

Скопируйте код для вставки:

Войдите на сайт Страна Мастеров, нажмите «Создать материал — Запись в блоге» или «Комментировать».

В шапке окна для ввода текста нажмите на кнопку :

В открывшемся окне вставьте полученный код в поле «Ссылка на видео».

При желании можно указать ширину и высоту в пикселях видео на странице, а также выравнивание.

Нажмите кнопку «Вставить».

В окне для ввода текста появится строчка «[video. ]».

Вы можете написать текст выше и ниже этой строки.

После нажатия кнопки «Отправить», строка «[video. ]» будет отображена как видео-плеер.

Вставка видео с сайта youtube.com

Рядом с видео нажмите на ссылку «Поделиться».

В открывшемся окне, нажмите «Копировать».

Войдите на сайт Страна Мастеров, нажмите «Создать материал — Запись в блоге» или «Комментировать».

В шапке окна для ввода текста нажмите на кнопку :

В поле Ссылка на видео вставьте скопированную ссылку на видео.

Затем, нажмите кнопку Вставить.

В окне редактора появится строка вида:

которая, после отправки вашей записи, автоматически преобразуется в видео-плеер:

  • Блог Петр Шольц
  • Комментировать
  • Сообщить о нарушении
  • Страница для печати

Источник: stranamasterov.ru

Рейтинг
( Пока оценок нет )
Загрузка ...