Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Уроки по Flash / Просмотр урока

     

Создание сайтов


Вам нужен небольшой сайт или просто хотите доработать уже существующий? | Подробнее

Видеоплеер у себя на сайте

Здравствуйте, в сегодняшнем уроке мы рассмотрим, как вставить на свой сайт видеоплеер. Иногда необходимо показать посетителям какой-нибудь ролик или видео-урок, но пользоватся различными сервисами типа YuTybe или RuTybe нехочется. Если предложить скачать данное видео на компьютер и посмотреть, то не каждый захочет его скачивать, а потом искать где оно сохранено. Поэтому мы сделаем возможность просматривать видео прямо на сайте.

Пример

Итак, приступим! Для начала нужно скачать все необходимые файлы на компьютер и поместить их в какую-нибудь директорию на сайте, например, flash. Затем в коде вашей странички в том месте, где вы хотите увидеть плеер, вставьте следующий код:

<embed src="mediaplayer.swf" width="560" height="470" allowfullscreen="true" flashvars="file=video.flv&image=flash/image.jpg&
callback=http://video.elfox.net/load/16-1-0-1283&
height=470&width=560&frontcolor=0x000000&backcolor=0xa9a9a9&
lightcolor=0xff0000"
></embed>

Атрибут src отвечает за адрес, где расположен сам плеер в нашем случае это flash/mediaplayer.swf. Параметры width и height  отвечают за ширину и высоту соответственно. Будьте внимательны данные параметры встречаются дважды и для изменения размеров измнить нужно и те, и другие. В параметре flashvars есть значение file, которое отвечает за путь к видео-файлу (будьте внимательны, путь прописывается относительно плеера, а не страницы на которой он находится) и значение image это путь к изображению, которое будет видно в самом начале до того как началось проигрывание видео. frontcolor это цвет кнопок и надписей плеера, backcolor – цвет панели, lightcolor – цвет кнопок при наведении на них мышкой. Данный видео плеер удобен тем, что у него есть полоса прокрутки, и полноэкранный режим.

Ну, вот и все, как видите все очень просто.

Автор: Евгений Бочкарев Урок добавлен: 5 Августа 2009 в 15:00 Просмотров: 15767

Условия копирования материалов сайта

Все комментарии

Посмотреть предыдущие комментарии (1)

#2 Евгений 13-05-2010 в 23:17
Да вроде все нормально работает. Что бы выключить полностью звук надо нажать по значку динамика и он станет серым, тогда звук полностью отключится.
#3 Жека 14-05-2010 в 21:27
побывал все! не работает((( мож ошибка где в файле плеера?
#4 Евгений 16-05-2010 в 12:52
Ну даже не знаю что может быть со звуком, но у меня все работает. А на счет видео я нашел ошибку. Путь до видео файла надо прописывать относительно самого плеера. Т.е. если как в моем премере сам плеер лежит в папке flash и видео находится там же, то путь до плеера прописывается так flash/mediaplayer.swf, а до видео так file=video.flv
#5 Саня 30-05-2010 в 22:21
Уменя чтото неполучилось , вы можите помоч ? по скайпу можна сделать так , чтобы вы видели мой экран ! Прошу вас , мне это очень надо!
моё мыло : bybyliderfox@mail.ru
#6 Прохожий 08-07-2010 в 10:09
УУУ) Евгений ОГРОМНОЕ спасибо тебе) Хороший урок,хороший сайт!)
#7 Илья 12-02-2011 в 13:27
Как то он криво стал у меня ширина 240 высота 200, а сома картинка и воспроизводиться видео в нижнем левом углу немного меньше чем сам плеер примерно на 30пх и еще не отображается меню плеера снизу, как вылечить?
#8 Сид 05-10-2011 в 15:14
Спасибо автору)))
Крутой плеер)
И настраивается легко
Я изменил чветовые коды и размер с обложкой смотрится круто))))
Спасибо)))
#9 Жека 24-09-2013 в 09:13
Очень классный плеер реализовал вот так (http://boombaster.com.ua/video) если нужна помощь по установке то вот ссылка на контакт (http://vk.com/booombaster)
советую именно этот плеер, именно на нем можно реализовать вывод видео из базы данных
#10 яна 06-01-2016 в 03:27
Доброго времени суток, а к видео можно прописать путь с плейлиста ю-тюба?
#11 Виталий 25-05-2016 в 10:32
Большое спасибо! Все работает отлично!!!
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


Получать уведомления о новых комментариях по Email могут только зарегистрированные пользователи.

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки