9:59
Автор: Рубрика: Фото Шоу, уроки 3 комментария

Как вставить youtube видео на сайт

как сделать
Как сделать слайд шоу из фотографий и вставить  видео на сайт, урок  для новичков.

Сначала установим самую простую программу для создания слайд шоу на русском , это программа ФотоШоу. Я ее скачала с помощью торрента. Если не нашли, смотрите здесь. Подготовим нужные фото и скопируем их в отдельную папку на компьютере.
Все шаги показаны стрелками в картинках галереи последовательно по номерам.

1. Запускаем ФотоШоу. Выбираем нужную папку с фотографиями, фото появляются слева вверху. Для видео их нужно послать в превью вниз. Для этого нажимаем зеленую стрелку, фото скопируются для видео в том порядке, как они размещены сверху. Если нужно в другом порядке, стрелку не трогаем, а добавляем каждую картинку отдельно. Для этого нужно кликнуть по ней дважды. Добавив все фото, нажимаем кнопку воспроизведения видео под окном предварительного просмотра справа и смотрим порядок слайдов и какие нам выдали переходы между слайдами.

Если переходы не устраивают, переходим к шагу 2 на 2-ой картинке галереи. Если нормально, к шагу 3 (картинка 3).

2. Синие прямоугольники между слайдами внизу называются переходами. Если по любому из них щелкнуть дважды, слева наверху можем подобрать другой переход и нажать применить. Можно выбрать для всех слайдов одинаковые. Нажимаем в меню наверху слово ”Переходы”, видим , что они собраны в 3 группы, подбираем, который подойдет и нажимаем “Применить ко всем”.

3. Внизу нажимаем ”Настройка проекта”, определяем пропорции экрана. Обычно фото имеют пропорции 4:3, выбираем нужные, кликаем “Сохранить”.

4. В настройках проекта ставим нужное время показа слайда и перехода между слайдами, жмем  “Применить ко всем”, потом “Сохранить”.

5. В меню наверху выбираем “Файл”, в нем “Сохранить проект”. Далее выбираем нужную папку и задаем имя проекта .Проект понадобится, если потребуется в видео слайд шоу внести изменения.

6. В верхнем меню выбираем ”Создать”, дальше “Создание HD видео”.

7. Размер (пропорции) видео ставим 16:9 и нажимаем “Конвертировать”.

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

9. Ждем, пока видео сконвертируется.

10. Видео готово, можно посмотреть.
Музыку здесь не добавляли, не требуется по смыслу и размер слайд шоу почти в 2 раза меньше, чем был бы с музыкой.
11.

Как вставить youtube видео  на сайт.

Загружаем видео на youtube.  Под видео находим “Поделиться”,  нажимаем, из всего выбора - с кем поделиться - выбираем HTML-код,   внизу в таблице ставим  галочку  “Использовать HTTPS [?] “, выбираем подходящий размер,  и получаем нужный код для вставки на сайт. Копируем его.

12. Как вставить видео на сайт. В редактировании записи идем в меню не “Визуально”, а “Текст”.
Ищем в записи нужное место для видео и вставляем код из буфера обмена.

iframe src="https://www.youtube.com/embed/L......Vj4?rel=0;" height="315" width="560" allowfullscreen="" frameborder="0"></iframe

Можно оставить так, но чтобы видео при просмотре сразу показывалось в высоком качестве HD, нужно в этот код добавить  соответствующий параметр:    &;vq=hd720  после rel=0 . Это будет выглядеть так:

iframe src="https://www.youtube.com/embed/L......Vj4?rel=0&;vq=hd720" height="315" width="560" allowfullscreen="" frameborder="0"></iframe

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

Хочешь получать статьи этого сайта на почту?
Новые статьи блога
3 комментария
  • Вера

    Классный сайт создали! Очень хочется во всем разобраться и сделать видео из фотографий, спасибо!

    2013-02-26 в 6:46 | Ответить
  • Nyxsgnotn

    Спасибо, хорошая статья. Подписался.

    2013-04-29 в 12:05 | Ответить
  • Tatyana

    Cпасибо за сайт!!! Ценная информация!!! Очень хочу научиться делать слайд шоу, только вот почему-то не получается у меня установить программу....((( Где вы брали свою,ссылку можно??

    2016-01-06 в 6:42 | Ответить
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: