Как вставить видео в html

Друзья, я снова приветствую вас на своем блоге! Думаю, всем прекрасно известно, что интересные видеоролики всегда привлекают большую аудиторию на сайт.

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

Если интересное видео залито например, на Youtube, то для вставки его на свой сайт, необходимо:

  • зарегистрироваться на этом сервисе
  • после чего получить код
  • прописать его в коде странички

Для этого вовсе не нужно быть программистом.

Если к примеру, требуется вставить ролик с котиками, то необходимо выполнить следующие действия:

1. Найти необходимый ролик.

2. Под видео кликнуть по ссылке «Поделиться».

3. Выбрать HTML-код и скопировать его. Например: <iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/M-XtB0R3ri4?rel=0″ frameborder=»0″ allowfullscreen></iframe>

4. На сайте открыть редактор и в режиме отладки кода вставить скопированную строчку. При этом можно поменять параметры ширины и высоты.

В итоге на сайте появится выбранный ролик с котиками.

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

Также потребуется SWF-файл плеера. На сегодняшний день их разработано достаточно большое количество.

Рассмотрим, как можно установить FlowPlayer и залить видео файл на свою страничку.

В первую очередь необходимо скачать архив с плеером, разархивировать его в созданную папку на своем сайте.

Затем открыть код страницы, где предполагается выложить ролик, и в теге <head> добавить строчку:

<script type=»text/javascript» src=»flowplayer/flowplayer-3.2.2.min.js»></script>

Также на страницу необходимо добавить следующий код:

<a href=»путь_к_вашему_видео» style=»display: block; width: 500px; height: 400px;» id=»player»></a>

<script language=»JavaScript»>

flowplayer(«player», {src : «http://адрес вашего блога или сайта/flowplayer/flowplayer-3.2.2.swf», wmode: «transparent»});

</script>

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

Существенным недостатком такого способа является то, что сервер будет испытывать большие нагрузки.

Если видео начнет смотреть одновременно большое количество человек, то оно будет долго загружаться.

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

На этом завершаю свою статью. Надеюсь, она оказалась для вас полезной и содержательной.

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

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

До новых встреч, друзья!

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

Ваш e-mail не будет опубликован.