Проигрыватель embed

Четверг, 26 августа 2010 г.
Рубрика: Уроки HTML -> Объекты
Метки: |
Просмотров: 1504
Подписаться на комментарии по RSS

На большинстве сайтов всё чаще появляются флеш-плееры, которые проигрывают музыку и видео.

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

И поможет нам с встраиванием простого плеера тег embed.

Он выводит на странице стандартный плеер на компьютере пользователя, в основном windows media player.

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

1. src - устанавливает путь к медиа файлу

2. width, height - устанавливают ширину и высоту плеера

3. autostart - надо ли проигрывать плеер сразу после загрузки страницы(false - нет, true - да)

4. loop - надо ли проигрывать медиа файл с самого начала(false - нет, true - да)

5. play_loop - если значение loop - true(повторное проигрывание), то сколько раз

6. hidden - скрыть ли проигрыватель(true - да, false - нет)

7. align - позиция проигрывателя

8. hspace - отступы от контента по горизонтали

9. vspave - отступы от контента по вертикали

10. plaginspage - если у нас flash-анимиция, то указываем путь к плагину, который позволит плееру её проиграть

11. type - тип подгружаемого объекта

Это все его свойства.

Теперь попробуем применить его к какой нибудь flash-анимации, которую Вы должны будете где нибудь скачать:

<embed src="flash.swf" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="300">
</embed>

Мы подгрузили в проигрывателе файл flash.swf, потом прописали путь до плагина, отвечающего за воспроизведение flash, и после указали тип файла, и размеры проигрывателя.

Теперь пропишем тоже самое для файла с музыкой, формата mp3. Когда мы в проигрывателе прописываем файл с музыкой, то и тип файл в свойстве type, указывать не обязательно, мы и не будем:

<embed src="music.mp3" width="350" height="40" autostart="false" loop="true" play_loop="5" hidden="false">
</embed>

Размеры нашего проигрывателя конечно же можно сделать и по меньше, но как видите всё это очень просто.

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

Поделиться...
twitter.com facebook.com vkontakte.ru mail.ru google.com bobrdobr.ru
Комментариев: 3
  1. 2011-05-12 в 14:25:06 | Аноним

    как сделать чтобы данный плеер воспроизводил все форматы видио

  2. В скором времени статья будет обновлена, и в ней будет затронута эта тема!

  3. 2011-07-26 в 17:27:09 | Аноним

    Когда же будет обновлена статья?

Оставьте свой комментарий!

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

Если вы уже зарегистрированы как комментатор, укажите пароль и свой действующий email.

(обязательно)