Установка плеера на веб-страницу

С этим уроком также смотрят

Сервис сайта «Uppod.ru» позволит создать индивидуальный плеер с необходимыми параметрами для вашего веб-сайта, а используя конструктор плееров, вы сможете легко собрать коллекцию видеофайлов, аудиозаписей, создать фотоальбомы и сохранить Flash-ролики. Приветливый интерфейс сайта «Uppod.ru» поможет вам быстро разобраться с задачами создания и редактирования плеера, списков воспроизведения и добавления файлов.

Обновлен: 12 ноября 2010

Обзор сервиса «Uppod.ru»,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Скачать урок
Текст урока
Заключительным этапом работы с плеером, является его установка на веб-страницу. Для этого необходим HTML-редактор. В некоторых случаях, вы можете воспользоваться встроенными редакторами. Например, если вы используете систему управления контентом WordPress, Drupal и другие.
Если вы работаете с отдельным приложением, позволяющим редактировать HTML-страницы, то вставить код плеера можно через него.
В данном видеоуроке мы рассмотрим основные моменты работы с хостингом и HTML-редактором, для вставки плеера на веб-страницу.
Для начала необходимо скачать с сайта «uppod.ru» плеер. Для этого перейдите в свой аккаунт и нажмите по ссылке «Скачать плеер».
Теперь необходимо загрузить плеер на хостинг.
Вы можете воспользоваться файл-менеджером вашего хостинга или FTP-клиентом.
Рассмотрим как загрузить файлы на хостинг с помощью FTP-клиента.
Работа с программами такого рода аналогична, поэтому вы можете использовать любой FTP-клиент. В данном случае мы будем использовать «File Zilla».
Для работы с FTP-клиентом необходима предварительная настройка. Нужно создать соединение с сервером, для этого используйте настройки FTP-соединения вашего хостинга. В случае если они вам не известны, и вы не можете их найти на сайте хостинга, обратитесь в техническую поддержку.
После создания соединения мы можем приступить к загрузке плеера, а также других файлов необходимых для воспроизведения файлов, например, видео, аудио файлы или изображения.
Для этого в окне справа откройте директорию, в которую необходимо загрузить файлы.
В окне слева необходимо открыть папку с файлами.
Затем выделите все файлы и перенесите их в директорию вашего хостинга.
В течение некоторого времени файлы будут перенесены, и мы сможем перейти к работе с HTML-редактором.
На сайте «uppod.ru», необходимо указать путь к файлу плеера и к файлу, который необходимо воспроизводить. Для этого перейдите на сайт и в меню слева нажмите по ссылке «Настройки».
В поле «Путь к файлу плеера» укажите путь к файлу плеера, который вы разместили на хостинге.
Если файл плеера загружен в папку домена, то путь к нему будет выглядеть следующим образом: «http://ваш домен/uppod.swf».
Также если вы используете стили или плейлисты, загрузите их на хостинг и укажите путь к папкам в соответствующих полях.
Нажмите «Сохранить», что бы сохранить измененные настройки.
Теперь на странице «Плеер» выберете раздел, в зависимости от того, какой файл необходимо воспроизводить в данном случае.
Затем раскройте меню «Файлы» и нажмите кнопку «Добавить файл», которая изображена в виде плюса.
В появившихся полях необходимо указать название и путь к файлу.
Название можно указать любое.
В поле «Ссылка» укажите путь к файлу.
Затем выберете стиль плеера из списка и нажмите кнопку «Окей».
Файл появился в списке. Кликните по его заголовку и нажмите ссылку «Код».
Появится несколько полей.
В первом поле HTML указывается стандартный код, он более компактный и не содержит тега embed, этот код работает во всех браузерах.
В следующем поле отображается код c поддержкой Internet Explorer, он работает во всех браузерах и содержит тег embed, который необходим для вставки кода в редакторы, адаптированные под Internet Explorer.
В следующем поле расположен код JavaScript.
А в поле «Ссылка» расположена ссылка на страницу «uppod.ru». На ней будет отображаться плеер с заданным стилем. Плеер будет воспроизводить тот файл, путь к которому был указан в настройках.
Для вставки плеера на веб-страницу нам необходим стандартный HTML-код.
Скопируйте его.
В данном случае в качестве HTML-редактора мы будет использовать Adobe Dreamweaver CS 5.
Откройте веб-страницу в редакторе Dreamweaver CS 5 и перейдите в режим «Разделение».
В окне справа выберете место на веб-странице, куда вы хотите вставить плеер.
В окне слева на месте курсора кликните правой кнопкой мыши и выберете команду «Вставить».
Затем раскройте список «Просмотр и отладка в браузере» и выберете браузер, в котором необходимо просмотреть только что отредактированную веб-страницу.
Появится окно с предложением сохранить изменения. Нажмите «Да».
Откроется страница с плеером. Нажмите кнопку «Воспроизвести», чтобы начать проигрывание файла.
Таким образом, на страницу можно разместить плеер «uppod», который позволит проигрывать видео или аудио файлы, а также показывать фотоальбомы прямо на вашем сайте.
Комментарии (2)
  • arsen onaini24 декабря

    urok prosta super !!!!!!!!!!!!! thankssssssssssssssssss

  • Igor Pain4 марта

    не роботает ахххаах :(


Оглавление
1. Обзор 4:16 0 2547
2. Регистрация 2:20 0 1250
3. Создание плеера 2:29 2 2561
4. Стили 3:45 0 1151
5. Установка плеера на веб-страницу 6:38 2 5372
6. Работа с видео Youtube 2:43 0 1303
7. Аудиоплеер 3:00 0 1329
8. Фотоплеер 2:46 0 957
9. Скины 2:17 0 1045
10. Работа с плейлистом 3:39 0 1550
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook