5.0 0.5 5 28

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

Ирина Кошелева
Ирина Кошелева
21 сентября 2012
3624
Оцените:
Как вставить видео на сайт?

С помощью видео можно показать то, что не отражает статическая фотография, можно преподать инструкцию и донести информацию. Но способы того, как вставить видео на сайт, значительно отличаются от платформы, на которой он стоит. Приготовьтесь к тому, что вам придётся покопаться в HTML-кодах, но это не так сложно, как кажется сначала.

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

Первый способ самый простой, код формируется на сайте хостинга автоматически, вам только нужно его вставить. А вот со вторым способом придётся повозиться…

Первый способ: Youtube

Наиболее популярный сайт для размещения видео – youtube. Здесь можно найти практически всё, что угодно. Для того, чтобы вставить youtube видео на сайт, нужно сделать следующее:

  1. Откройте страничку того видео, которое вы хотите вставить.
  2. Нажмите «Отправить», а затем «Встроить».
  3. Перед вами откроется окошко с кодом, четыре пункта, которые можно настроить, и опции выбора размера окна, в котором будет ваше видео. Если ни один из вариантов вас не устроит, вы можете ввести свои размеры в пикселях в специальных полях. Пропорции будут сохраняться, так что вам нужно ввести только ширину или высоту.
  4. Обратите внимание на галочку «использовать старый код встраивания». Его следует использовать, если с обычным кодом видео на сайте не воспроизводится.
  5. Теперь войдите в HTML-редактор и вставьте там код.
  • Wordpress. Нажмите на вкладку HTML. Теперь вставьте код в основное поле. Посмотреть, что получилось, можно, перейдя во вкладку «Визуально».
  • LiveJournal.com. Точно также, переходим во вкладку HTML, вставляем видео и просматриваем в «Визуальном редакторе». Если не вышло – используйте старый код.
  • Blogger.com. Вкладка «Изменить HTML», туда вставляем код и проверяем.

Второй способ

Для использования второго способа вам понадобится особый flash-player, который и будет воспроизводить видео на вашем сайте. В этом случае и плеер, и видеофайл будет находиться на вашем сайте.

Вы можете использовать любой плеер, который вам нравится, например FlowPlayer.

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

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

script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"

После этого вводим ещё несколько кодов, на которых будет указан непосредственно адрес вашего видеофайла.

flowplayer("player", {src: "http://введите_адрес_вашего_сайта_здесь/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"});

Выделенные жирным шрифтом слова необходимо заменить на соответствующие адреса в Интернете.

Сохраните данные и всё, видео есть на вашей странице!

Сайты ucoz

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

  1. Откройте сайт и создайте новый материал.
  2. Теперь на административной панели выберите вкладку «Мультимедиа», а в ней «Подключить видео (youТube)»
  3. Перед вами откроется новое окно, где в верхнюю строку мы вставляем адрес видеофайла на youТube.
  4. Кликните по окну, и ВВ-код, необходимый для вставки, сам сгенерируется во втором поле.
  5. Этот код необходимо скопировать и перейти в «Панель добавления ВВ-кодов» в добавлении материала.
  6. Вставьте туда скопированный код и сохраните.

Сайты joomla

Немного иной алгоритм действий нужно пройти, чтобы вставить видео на сайт joomla. Для работы с ним необходим плагин AllVideos от компании JoomlaWorks.

  1. Скачайте его и установите, а затем зайдите в Расширения, там найдите плагины, где и должен находиться скачанный вами AllVideos. Включите его.
  2. В настройках вы можете скорректировать размер окна, в котором будет воспроизводиться видео.
  3. Зайдите в папку images/stories и создайте там папку videos, куда вы и будете загружать все видеоролики, которые хотите опубликовать.
  4. Теперь заходим в HTML редактор и вставляем код плагина в него. AllVideos воспроизводит SWF, FLV, 3GP, MOV, WMV, DivX, MP4 (H.264).

Коды

Для FLV-файлов введите:

Как вставить видео на сайт: формат FLV

Для SWF-файлов используйте:

Как вставить видео на сайт: формат SWF

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

Если вы хотите разместить видео с YouTube, нужно ввести такой код:

Как вставить видео на сайт c YouTube

Например, если ссылка на видео: http://www.youtube.com/watch?v=Byo_2jD-zwo&feature=g-logo-xit.

То код будет таким:

{youtubе}Byo_2jD-zwo&feature=g-logo-xit{/youtubе}

Теперь вы знаете как, используя html, вставить видео на сайт. Ничего сложного, правда?

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!