Как вставить видео в 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 не будет опубликован.