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

Думаю что вы не стоите на месте и используете в сайтостроительстве не совсем древние редакторы. В данном примере используется adobe dreamweaver cs5 или просто вставка кода

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

А еще нам понадобится бесплатная программка для конвертирования avi видео в flv под названием Free AVI to FLV converter. Аналогично можно воспользоваться онлайн конвертером видео (яндекс вам в помощь)

Запускаем программку выбираем видео ролик, далее выбираем качество выходного видео в формате flv. В данном примере выбрано качество под подключение к интернету со скоростью 1 мб/с. Думаю что у максимального количества пользователейй давно скорость подключения намного больше. Под мобильные устройства качество, а соответственно и размер видео делаем гораздо меньше.

конвертер avi to flv

конвертер avi to flv

Что бы вставить видео на сайт нам необходимо загрузить сконвертированный ролик на сервер. Теперь открываем страницу сайта (куда будем вставлять видео), выбираем место и идем в верхнее меню, жмем Вставка — Мультимедиа-FLV

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

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

Теперь пишем имя файла с расширением или просто находим файл на сервере и выделяем его, имя пропишется автоматом. Внимание! Имя файла ни в коем случае не должно содержать пробелов и каких-либо спецсимволов (в нашем случае удаляем скобки). И переименовать файл стоит до загрузки на сервер, иначе там могут возникнуть глюки.

вставить flv на сайт

вставить flv на сайт

далее прописываем адрес до нашего видео файла или выбираем его на сервере. Писать относительный путь или абсолютный выбирать вам. А еще предстоит выбрать размер видео (прописать самостоятельно), но лучше сделать автоматическое определение, главное что бы ширина видео была не больше ширины свободного места на вашей странице сайта. Ну а выбор скина плеера дело вкуса и не забываем что для различных cms существует масса плагинов с видео плеерами.

вставить видео плеер на сайт

вставить видео плеер на сайт

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

Теперь вы знаете как вставлять видео на сайт, смотрим результат

 

Но в нашем случае сайт переехал с обычного html на cms и для вставки видео на сайт использовался плагин flv-embed, очень простой в настройке. нужно всего лишь загрузить flv видео на сайт и в страницу вставить код [flv:адрес.flv  380  360] где вместо адрес.flv пишем путь к загруженному видео 480 — ширина 360 высота.

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

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

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

Новый код для вставки на сайт сделан в IFrame, который не особо любят поисковики. Поэтому ставим галочку Использовать старый код встраивания. Ну и еще ниже выбираем размер видео для вставки на сайт. дело в том, что на youtube размещено видео одного размера, а вам возможно нужен другой, все для вашего удобства.

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

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

По окончанию настроек копируем код вставки и переносим его на страницу вашего сайта. Все, видео с youtube вставлено, можете радовать посетителей.

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

За сим не надолго прощаюсь, приятного просмтора