В данной статье рассмотрены примеры добавления видео на сайт. Добавление видео стало очень актуальным, и с каждым днем набирает обороты.
Видео можно использовать в качестве рекламы(описание товаров и услуг), в качестве справки по тому или иному вопросу, появляется всё больше и больше сервисов, предлагающих просмотр фильмов онлайн, короче видео процветает.
Как вставить видео на сайт?
1 способ. Использовать сервис . Сначала там неоходимо зарегистрироваться. После успешной регистрации, пройдите по ссылке "Добавить видео" в верхней части экрана.
Дальше Вам предложат заполнить небольшую форму, где Вы укажите описание для вашего видеоролика, категорию к которой он относится и выберите сам файл со своего компьютера, который Вы хотите загрузить, используя кнопку "Обзор", причем этот файл не должен превышать размер 300 мб.
После заполнения всей формы и указания необходимого видеофайла жмем кнопку "Загрузить". Когда загрузка файла закончится, необходимо подождать некоторое время, чтобы видео переконвертировалось в нужный формат. Спустя некоторе время, обновляем страницу, кликаем на изображение нашего ролика. Появляется окошко в котором можно посмотреть на то, что получилось, и забрать ссылку и код плеера. В данном случае нас интересует именно код.
Рис 1. Забираем код плеера на Rutube
Далее копируем код плеера, и вставляем к себе на сайт, в то место, где бы мы хотели видеть данный плеер. Если все сделали верно, то должен появиться плеер, с загруженным Вами видеофайлом. Размеры самого плеера можно поменять, они задаются в исходном коде плеера, параметрами height - высота и width - ширина.
Вот как выглядит данный плеер, установленный этим способом:
2 способ. Использовать сервис . Во-первых необходимо зарегистрироваться. Далее могут возникнуть проблемы. При регистрации может выйти такая ошибка: "Извините. На основании информации, которую вы нам предоставили, вы не можете зарегистрироваться на YouTube.com". Что бы избежать этого, во время регистрации указывайте возраст более 18 лет(говорят у них какие-то там ограничения).
Если не помогло, то попробуйте зарегистрироваться используя другой браузер. Я, например, не смог зарегистрироваться через браузер Opera, а используя Internet Explorer зарегистрировался без проблем.
После успешной регистрации, переходим по ссылке Добавить Видео, в верхней части экрана. Появится форма, где используя кнопку "Добавить видео" можно загрузить видео со своего компьютера, размер которого не должен превышать 2 Гб:
Рис 2. Добавляем видео на YouTube
После успешной загрузки , необходимо подождать некоторое время, чтобы видео перецифровалось в нужный формат.
Теперь в верхней части экрана, нажимаем на свой ник(логин под которым Вы зарегистрировались), выбираем "Мое Видео", затем жмем на уменьшенное изображение видео, на открывшемся окне нажимаем на кнопку "Встроить" , и копируем HTML код плеера, который затем вставляем к себе на сайт.
Вот как выглядит плеер от сервиса Youtube.
Размеры плеера так же как и в первом способе задаются атрибутами height и width.
3 способ. Используя сервис . Данный способ отличается от предыдущих тем, что видео Вы будете хранить у себя на сайте. Также у Вас будет возможность настроить внешний вид плеера как Вам угодно, создавать свои плейлисты и еще много полезного.
Данный плеер имеет ряд преимуществ. Он не содержит намеков на то, что это чей то плеер(в предыдущих способах в плеерах видно что это мол Rutube или Youtube) . И еще, обратите внимание, что после окончания проигрывания видео в предыдущих двух способах, внутри плеера появляются предложения посмотреть другие видео на этих сайтах, т.е. возможна ситуация, когда ваш посетитель заинтересовавшись уйдет на этот самый YouTube или RuTube. И наконец, такой плеер будет меньше тормозить, т.к. видео грузится с Вашего сайта.
О возможностях данного плеера можете , или .
Итак, что нужно сделать для установки плеера.
Как обычно вначале нужно зарегистрироваться. Далее необходимо сделать следующее:
1. В корне Вашего сайта создаем три папки: video, styles и player.
2. Скачиваем файл плеера, нажав по ссылке "Скачать плеер" в левом верхнем углу.
3. Распаковываем скачанный архив, берем оттуда файл плеера uppod.swf и закачивем в папку player на Вашем сайте.
4. После этого, заходим в свой аккаунт, переходим в верхнем меню на вкладку "Мой Плеер" и Нажимаем "Видео".
Рис 3. Вкладка "Мой плеер" - "Видео"
5. Появится меню из трех пунктов Стили, Файлы и Плейлисты. Для начала нажимаем на Стили а потом на + (добавить) . Появится форма, в которую нужно ввести название стиля и нажать кнопку сохранить. Далее появится сам визуальный редактор, в котором мы и делаем необходимые настройки. После создания собственного стиля, жмем на кнопку сохранить, вновь переходим на вкладку "Мой плеер" - "Видео" - "Стили" выбираем наш стиль и скачиваем его.
6. Теперь скачанный файл стиля нужно закачать в созданную нами папку styles.
7. В папку video на Вашем сайте, нужно закачать видеофайл, у меня это файл focus.flv .
8. Теперь переходим во вкладку "Файлы", нажимаем на + и добавляем свой файл, указывая название, ссылку и стиль, в моем случае это выглядит так:
Рис 4. Добавление файла для проигрывания
9. Теперь необходимо проверить правильность путей. Для этого перейдите по ссылке "Настройка путей" в левом верхнем углу. Для моего случая пути прописаны так, у Вас конечно вместо mindair.com будет что-то другое:)
Рис 5. Настройка путей
На данный момент, мы не используем плейлисты и поэтому не создавали папку pl. В нашем случае просто не обращайте на нее внимания.
10. Ну и наконец чтобы забрать код, переходим в подменю "Файл" нажимаем на наш видеофайл, в данном случае "фокус", затем выбираем "Код" и копируем HTML код с полной поддержкой IE . Данный код вставляем на страницу сайта, где мы хотим видеть данный плеер.
Рис 6. Забираем код плеера с UPPOD.RU
Вот как выглядит данный плеер:
Вы можете менять внешний вид плеера, изменяя дизайн под Ваш сайт. Если возникли вопросы по установке видео этим способом посмотрите еще внимательно .
