Бизнес
Cегодня:     

Рукодельная Лавка "Декупаж" Посудная Лавка "Tupperware" Бесплатные е-книги "Рукоделие"


Главная - новости сайта
   - Автор рекомендует
   - Контактная информация

Портфолио работ
   - 3D обложки
   - 3D коробки
   - Логотипы
   - Баннеры
   - Сайты

Статьи
   - О бизнесе в интернет
   - О создании и раскрутке сайта
   - МЛМ - сетевой маркетинг
   - E-mail маркетинг

Электронные книги
   - Бесплатные книги (разное)
   - Бесплатные книги (рукоделиe)
   - Книжное Издательство
   - Книжный магазин:
        "Идеи и технологии"


Копилка идей и технологий
   - Идеи домашнего БИЗНЕСА
   - Идеи народных УМЕЛЬЦЕВ
   - Идеи - лентяйские штучки

Бесплатный софт
   - Программы - по вышивке
   - Программы - формат .djvu

Бесплатная музыка
   - Звуки Природы MP3

Это интересно
   - Интересное со всего света
   - Заметки на полях


Моя Группа вКонтакте:
   "ИДЕИ народных умельцев"


Моя Группа вКонтакте:
   "ДЕКУПАЖные ХИТрости"




Подпишитесь на мои Рассылки:

Новостная рассылка:
ДЕКУПАЖные ХИТрости и не только... от Ольги
Ваше имя:
Ваш email:

Счетчик подписчиков рассылки

Новостная рассылка:
Бесплатные е-книги по РУКОДЕЛИЮ Подробнее...
Ваше имя:
Ваш email:

Почтовый Дятел







Статьи о бизнесе в интернет
Статьи о создании и раскрутке сайта
Статьи об МЛМ - сетевом маркетинге
Статьи о E-mail маркетинге


Статьи о создании и раскрутке сайта


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

Предисловие: В этой статье я не буду рассматривать ситуацию, когда вы хотите разместить ваш видео-ролик на YouTube или где-то еще, т.е. на стороннем сервере, на который у вас нет прямого доступа. О таком размещении видео-роликов я писала в другой статье. Прочитать ее можно вот здесь (см. конец статьи):
http://www.business-lady.com/stat_web_61.php
В данной статье речь пойдет о другой ситуации.

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

Примечание: Как скачать видео-ролик из интернета на ваш компьютер (если вам это требуется), прочитайте вот здесь: "Как скачать видео-запись с YouTube и других сайтов и смотреть ее на домашнем компьютере".

Как вставить видео-ролик на ваш сайт? Очень просто.
Кстати, забыла сказать, мы будем вставлять видео-ролик на обычный сайт, написанный на языке HTML.

  1. Для начала создайте на вашем сервере отдельную папку и назовите ее, к примеру, video.
     
  2. Залейте туда (в эту папку) ваш видео файл. Например он у вас такой: video.flv
     
  3. Далее идем вот на этот сайт: http://flv-mp3.com/ru/
    (Именно здесь вы сможете на несколько секунд создать готовый КОД, который вставите на страницу вашего сайта. Сохраните этот адрес на будущее! Очень удобный сервис! Проще не бывает.)
     
  4. Итак, вы на сайте - здесь 2 картинки - вам нужна левая с заголовком "Видео". Прямо под ней есть текстовая ссылка "СКАЧАТЬ".
    Нажимайте на нее, скачивайте файл.
    Что вы скачиваете? Вы скачиваете к себе на компьютер (скачивайте файл прямо на рабочий стол) flv-player (плеер для проигрывания видео) (файл дают вам совершенно бесплатно). Его имя вот такое: uflvplayer_500x375.swf
     
  5. Этот файл uflvplayer_500x375.swf вам надо залить на ваш хостинг в ту же папку video, в которую вы поместили ваш видео-файл. В итоге в папке будут 2 файла.
     
  6. Мы все подготовили.
    Теперь возвращаемся на сайт http://flv-mp3.com/ru/ и нажимаем теперь на ссылку "СОБРАТЬ".
    Заполняем поля формы:

    Прямая ссылка на flv-файл: впишите путь к вашему файлу с видео (пример: http://ваш_сайт.ru/video/video.flv)

    Путь к swf-файлу плеера: впишите путь к плееру, который вы закачали на ваш хостинг
    (пример: http://ваш_сайт.ru/video/uflvplayer_500x375.swf 

    Следующие поля заполняйте сами по необходимости. Я ничего больше не заполняла, и без этого все получается красиво. Эти поля можно заполнить или отредактировать потом (при необходимости).
     
  7. В самом низу формы нажимайте на оранжевую кнопку "Собрать и получить HTML код".
     
  8. На новой странице вам выдадут готовый код. Копируйте его и вставляйте "как есть" на страницу вашего сайта.
     
  9. Вот и все. Обновите страницу на сервере и ... наслаждайтесь результатом!
     
  10. Если захотите отредактировать внешний вид отображаемого ролика, вернитесь в форму создания кода и внесите там нужные изменения в настройках.

Вот что получается в итоге: показываю варианты в зависимости от настроек, которые вы можете сделать при редактировании кода в конструкторе.

Вариант 1: Ролик простой - нет картинки (стоп-кадра) и автозапуска - чтобы ролик начал работу, надо нажать на стрелку запуска.

Вариант 2: Ролик с АВТОзапуском - запуск происходит автоматически, как только вы вошли на страницу - здесь также нет заставочной картинки (стоп-кадра).

Вариант 3: Ролик с заставкой (перед запуском вы видите картинку - ее вам надо создать самостоятельно и загрузить на сервер в туже папку, где лежит плеер) (без автозапуска).

Примечание: Если вы хотите посмотреть полностью видео мастер-класс, в котором пошагово показывается как сделать такого очаровательного хомяка, то перейдите вот сюда http://www.business-lady.com/ideya_narod_263.php.

ДОПОЛНЕНИЕ:
А вот здесь http://uppod.ru вы можете найти более усовершенствованный плеер. В нем больше настроек и возможностей. Он немного сложнее, правда не особо. Процедура его получения и установки аналогичная. Разработали этот плеер те же товарищи, что и первый - это их новый плеер, более продвинутый.
В результате работы с этим конструктором, вы также получаете код, который надо установить на сайт, как и в первом случае.

Вот тут можно посмотреть как выглядят ролики, сделанные в этом конструкторе:
http://www.business-lady.com/ideya_narod_262.php
http://www.business-lady.com/ideya_narod_263.php
http://www.business-lady.com/ideya_narod_264.php
http://www.business-lady.com/ideya_narod_265.php

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

Перед началом работы с конструктором требуется регистрация на сайте.
На сайте есть пошаговая инструкция, что делать сразу после регистрации. Там все наглядно, с картинками и подсказками - все на русском языке. Я разбиралась именно с ее помощью и потратила минут 10 на это.

Для тех, кто более-менее разбирается в сайтостроении, я рекомендую использовать именно этот плеер - здесь больше возможностей. Хотя и первый очень хороший и простой в использовании. Создавался бы там автоматический стоп-кадр, я бы пользовалась именно им, он проще в настройках.

Хотя... когда вы сами создаете файл с картинкой стоп-кадра, вы ТОЧНО знаете как он будет выглядеть (я сделала сама в Фотошопе картинку хомяка и она качественная). А когда стоп-кадр делает программа автоматом - нет никакой гарантии, что он будет хорошим, качественным и отображать суть ролика! Иной раз стоп-кадр показывает какую-то размазанную белеберду (посмотрите как выглядит стоп-кадр в 1 части про того же хомяка вот здесь: http://www.business-lady.com/ideya_narod_263.php - лично мне он не нравится), и сделать с этим ничего нельзя, увы.
Вот тут и задумаешься, что все-таки лучше :)
Пока дописывала и подправляла статью, мое предпочтение стало больше склоняться все-таки в сторону первого конструктора :)))

P.S. Заставочную картинку (стоп-кадр) можно делать самостоятельно в ОБОИХ конструкторах (создал сам в Фотошопе, загрузил на сервер).
Второй конструктор - делает сам стоп-кадр.
Первый конструктор - НЕ делает его вообще.
Плюсы и минусы этого я показала выше.
Выбор за вами!

Автор статьи: Ольга Сухова
Источник: www.business-lady.com

назад















Яндекс.Метрика Rambler's Top100 Рейтинг SunHome.ru



Copyright (C) www.business-lady.com 2003-2017
Дизайн, визуальная концепция, техническое сопровождение - Ольга Сухова