Вставить видео на сайт.

Как встроить видео на сайт?

Существует несколько вариантов , вставить видео на свой сайт, мы разберём три варианта.

С самого начала вам нужно иметь – это доступ к коду страницы, куда вы собираетесь вставить видео.

Нужен истопник видео, откуда можем взять видео.

1.

Это может быть  хостинг видео, к примеру, самый популярный - это youtube.com. С него мы возьмём полностью код видео.

У этого способа есть недостаток! Если это не ваше видео, то его могут удалить!  И оно исчезнет с вашей страницы!

2.

Гибридный вариант. Взять код плеера, но ссылку на сам файл, к примеру, зять с того же youtube.com.

У него такой же недостаток, что у варианта "№1".

3.

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

1.

Мы загрузили видео на сайт youtube.com.(Это не обязательно должен быть видеохостинг youtube.com, это может быть любой подобный сервсис, который может вам дать  код  видео, который можно встроить на сайт! Просто, youtube, самый передовой и легко настраиваемый!))

Теперь нам нужен код видео. Открываем  видео и нажимаем кнопку поделиться.  Далее выбираем HTML-код, и я его скопировал, чтобы вы посмотрели на код видео.

вставить видео на сайт

Из этого кода мы видим, что ширина видео 560 высота 315 пикселей. Если вам  нужно видео другого  размера, то самая нижняя стрелка – выбираем нужную  ширину – это первое окно, второе окно заполнится автоматически.

<iframe width="560" height="315" src="https://www.youtube.com/embed/bV9W7J9bXpc?list=PLA_OepyG7YD-vtoLb6Gd6e-I09iuTQ9i9" frameborder="0" allowfullscreen></iframe>

Далее открываем код страницы и вставляем данный код туда, куда вам нужно.

вставить видео на сайт

Смотрим видео, которое я вставил на страницу таким образом.

2.

Вариант №2.

Как вставить видео на страницу сайта.

Второй вариант комбинированный!

Будет состоять из двух частей:

2.1.Код плеера.

2.2.Ссылки на файл видео.

2.1.

Наш собственный код плеера, который будет находиться у нас на сайте. И файл видео, который мы возьмём с того же youtube.com.

После file=……. и до …. значка.... &, как показано на нижнем коде. Т.е. то, что перечёркнуто, нужно удалить и на его место поставить ссылку на ваш файл.

Возьмём код плеера вот он:

<div align="center">
<object data="http://axmara.narod.ru/1214/Video/pleer.swf" type="application/x-shockwave-flash" width="500" height="280" align="absmiddle">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="wmode" value="transparent">
<param name="movie" value="http://axmara.narod.ru/1214/Video/pleer.swf">
<param name="flashvars" value="st=http://axmara.narod.ru/1214/Video/video-skin.txt&amp;file=https://youtu.be/bV9W7J9bXpc?list=PLA_OepyG7YD-vtoLb6Gd6e-I09iuTQ9i9&amp;lang=ru">
</object>
</div>

Совет:

Скопируйте код отсюда, вставьте на страницу и проверьте, как он работает! И после этого поменяйте ссылку на ваш файл видео!

2.2.

Следующее, что нам нужно – это найти файл видео. И опять обратимся к видео хостингу.

Находим то видео, которое нам нужно разместить на своём сайте.

Нажимаем поделиться! Внизу высвечивается ссылка на файл видео.
Копируем и вставляем в код видео. То место, которое прочёркнуто – это видео и стоит!

Теперь посмотрим на то, что  у нас получилось!

После file=……. и до …. значка.... &, как показано на нижнем коде. Т.е. то, что перечёркнуто, нужно удалить и на его место поставить ссылку на ваш файл.

3.

Третий вариант отличается от второго варианта размещения видео на сайте тем, что наш файл видео тоже будет размещаться на нашем сайте! И мы будем не зависеть ни от каких проблем с хостингом!

Давайте для примера возьмём первый попавшийся трейлер, который есть у меня на сайте.  Не забываем, что нужно правильно написать ссылку до файла! Если вы ошибётесь, то видео не будет показываться!

Плеер будет говорить, что файл не найден! Вот поместили наше видео, и сделали на него ссылку. Теперь эту ссылку вставили на то место, где перечеркнут код.

http://axmara.narod.ru/-video/2013/Prisrachniy-patrul.mp4

Смотрим, что у нас получилось:

Примечание!

Если вы хотите использовать данный код, то вы можете им пользоваться столько, сколько захотите!  Файлы не будут удалены никогда

Не нажали на рекламное объявление!?

Ничего страшного!

Вы ещё можете помочь проекту!

Да не оскудеет рука дающего!

Друзья! Мы тратим время + деньги и работаем для Вас, чтобы Вы смогли получить информацию!

Если у Вас есть время, чтобы оценить нашу работу, оставить сообщение в комментариях, поделиться ссылкой в соцсетях - это будет очень великодушно с Вашей стороны!

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

Заранее спасибо!

Комментарий через Vk.

Комментарий через Disqus, Facebook, Twitter, Google.

А теперь самое время развлечься!

Улучши поведенческий фактор на своём сайте!

Если понравится игра, то можно забрать код для своего сайта отсюда!

Индекс цитирования