Вставить видео YouTube, RuTube в HTML код страницы

Как вставить видео Youtube и RuTube в HTML код страницы сайта?

Вставить видео YouTube, RuTube в HTML код страницы

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

По каждому серверу отдельно:

Заходим на Youtube.com, выбираем понравившейся видео сюжет (можно воспользоваться поиском) и шагаем по пунктам на картинке и описанию ниже:


- Жмем по очереди на кнопки "Поделиться", "Параметры", "Длинная ссылка";
- Копируем ссылку;
- Вставляем в HTML страницы следующий код, должен выглядеть так:
<iframe width="500" height="300" src="http://www.youtube.com/embed/x2O3Gin-uRs"
frameborder="0" allowfullscreen>
</iframe>
где http://www.youtube.com/embed/x2O3Gin-uRs - код, полученный у YouTube, а embed/x2O3Gin-uRs - переменная в нем - зависит от выбранного видео;

- Если YouTube предоставил Вам ссылку вида:
http://www.youtube.com/watch?v=AiLaifc0dCg
то меняем красное на зеленое embed/, это необходимо для того, чтобы видео отражалось во фрейме (iframe)
- Размер отрегулируйте сами, в зависимости от дизайна страницы. В коде стоит усредненный 500х300 пиксел.
Теперь все должно работать.
P.S. YuoTube может менять разновидность ссылок и они могут капризничать в разных браузерах у посетителей сайта (переход на PHP 5.3), но это редко.

Теперь будем размещать видео от RuTube на страницах сайта.
Здесь все гораздо проще:
- Заходим на RuTube.ru, выбираем видео;
- Нажимаем ссылку (кнопку) "Ссылка и код";
- Открывается окно, копируем код из пункта "Код плеера", который имеет примерно такой вид:
<OBJECT width="470" height="353"><PARAM name="movie" value="http://video.rutube.ru/c556fc0d40c2ef1ec8724a538a241903"></PARAM><PARAM
name="wmode" value="window"></PARAM><PARAM name="allowFullScreen" value="true"></PARAM><EMBED
src="http://video.rutube.ru/c556fc0d40c2ef1ec8724a538a241903" type="application/x-shockwave-flash"
wmode="window" width="470" height="353" allowFullScreen="true" ></EMBED></OBJECT>

- Вставляем его в HTML код вашей страницы;
- Обратите внимание на размеры окна 470х353 в двух местах, при необходимости можете отрегулировать.
P.S. Здесь оказалось все проще.

Скачайте образец HTML страницы со вставленными кодами видео от YouTube, Rutube:
Video-Tube.rar [989 b] (cкачиваний: 343) Скачивание начнется сразу

Чтобы вставить видео с других похожих серверов в HTML код страницы, порядок действий примерно такой же простой.

Автор: Saah | Просмотров: 23 454 | 24-03-2012,Сб, 11:53  

Похожие публикации

Комментарии к статье

Автор: cupoma58 Дата: 23 июня 2015 12:49

вставил ссылку на видео с rutube в плейлист appod-плеера - файл не найден. что делать ?

Автор: cupoma58 Дата: 24 мая 2015 12:33

а если видео - это сериал ? плейлист в код привязывать ? очень хотелось - бы узнать.

Автор: renics Дата: 24 февраля 2015 00:24

Кто нибудь, мне ответит на мой вопрос, или все так же и здесь тупые, как и я. Почему HTML код видео вставленный на сайт, меняется на ссылку (Открыть flash-объект в новом окне!)

Автор: вова Дата: 18 января 2015 16:53

Я очени хател ето зделати и у меня не получалосии я часто растрайвался ну у меня сиводек получилоси и я сибэ сказал ес ес ес

Добавить свой комментарий:

@