Что такое как вставить видео в презентацию

В презентацию можно вставить не только текстовые блоки, картинки и другую графику, но и видео файлы. Добавленный ролик можно будет вопроизводить, вам будут доступны базовые функции видеомонтажа, возможность регулировать затухание звука и т.п. Однако стоит помнить, что размещение видео в презентации — это не только удобно и наглядно, но и ведет к значительному увеличению веса презентации. Также, и это уже более существенно, ведет к появлению «тормозов» на слабых компьютерах, а в качестве презентационных машин, обычно другие и не используются.

Добавить видео в презентацию PowerPoint

Вставить видеоролик в презентацию вы можете двумя способами – добавить ролик с компьютера или загрузить его из сети интернет. Воспользуйтесь командой: «Видео» расположенной в группе «Мультимедиа», во вкладке «Вставка».

Добавить видео в презентацию PowerPoint

Предварительные настройки видео в PowerPoint

Как только видео будет загружено, вы можете перемещать его по слайду или изменять размеры также, как в случае с любым другим графическим объектом.  При нажатии правой кнопкой мыши на видео, появится и дополнительная панель настроек, позволяющая определить стиль отображения (с тенью, с размытыми краями и т.п.), произвести монтаж (см.ниже) и определить тип запуска ролика при показе презентации – автоматически или по щелчку мыши.

Настройка и монтаж видеороликов в PowerPoint

Как видите, видео в презентации — это просто. Однако есть ещё ряд «профессиональных» настроек, о которых мы поговорим далее.

Первым делом коснемся стоп-кадра – того, что мы видим пока ролик, ещё не воспроизводится. Далеко не всегда первый кадр ролика подходит нам по компоновке, однако мы можем использовать любой понравившийся нам или даже использовать стороннее изображение.

На вкладке «формат» в группе «настройка» расположен инструмент «заставка». Отмотайте видео на нужный вам кадр и воспользуйтесь им с настройкой «текущий кадр».

Настройка и монтаж видеороликов в PowerPoint

Закладки. Вы можете разместить на вашем ролике несколько закладок, видимых в режиме презентации и обеспечивающие быстрый переход сразу же к нужному месту. Добавить их можно так: вкладка «Воспроизведение», группа «Закладки», инструмент «Добавить закладку». При этом ролик нужно заранее отмотать на то место, где закладка должна быть установлена.

Закладки в PowerPoint

Монтаж. Позволяет обрезать видеоролик до нужного фрагмента. Вызовите инструмент «Монтаж видео» и в появившемся окне перетяните ползунки слева и справа до границ обрезаемого фрагмента.

Монтаж видео в PowerPoint

Угасание, Громкость – функции понятные без пояснений – позволяют отрегулировать громкость воспроизведения видеоролика и эффект появления/исчезновения видео при воспроизведении.

Начало — тип запуска ролика при показе презентации – автоматически или по щелчку мыши.

Группа «Параметры видео» – также понятна без пояснения, галочки в соответствующих пунктах позволяют зациклить ролик, раскрыть его при воспроизведении во весь экран и т.п.

вставка видео в powerpoint

Ограничения

Обратите внимание: видео загруженное с компьютера дает больше возможностей для редактирования. Для ролика, загруженного с YouTube или другого интернет-хранилища функции монтажа, установки стоп кадра из ролика (но не из изображения) будут недоступны.

видео в презентациюМы уже научились работать с офисным приложением Power Point и делать с помощью нее красочные электронные презентации. Но так уж мы устроены, что после удивления и восторга от полученного результата со временем не остается и следа. Хочется чего-то большего.

Сегодня мы рассмотрим вопрос вставки в презентацию Power Point 2007 фрагментов видео. Интересные моменты из своей жизни, кадры, подтверждающие или опровергающие какое-либо утверждение, часто бывают запечатлены на видеокамеры мобильных устройств. И как хорошо, что в своих презентациях мы можем использовать эти бесценные видео.

Как вставить видео в документ Power Point

При составлении презентаций в приложении Power point, наверное, каждый замечал, что вставлять различные объекты в слайды можно просто нажав на специальное поле прямо в слайде. Среди этих полей-кнопок есть и такое, нажатие на которую позволяет вставить в слайд видео. Такая же кнопка располагается в главном меню во вкладке вставка.

Нажатие на нее открывает окно открытия (вставки) фильма, в котором нужно указать путь к фильму для вставки его в презентацию. После вставки видео фрагмента появляется окно, в котором нужно указать способ начала воспроизведения этого видео (автоматически или по щелчку).

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

Видео по гиперссылке

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

Для этого в презентацию нужно вставить ссылку. Обычно ссылка привязывается к какому-нибудь слову. Делаем это следующим образом:

  1. Выделяем объект (например слово), щелчок мыши по которому вызовет открытие видео в специальном приложении.слово для ссылки
  2. В меню вставка находим кнопку «Гиперссылка» и кликаем мышкой по ней.гиперссылка
  3. В открывшемся окне потребуется указать файл нужного видеофильма.путь к видео
  4. При перемещении презентации с одного компьютера на другой или на съемный носитель не забываем копировать и сам фильм. Следует также проверить, работает ли ссылка.

Вставка видео из интернета

Версия Power Point 2010 дает возможность вставлять видео прямо из YouTube.  Не секрет, что видео практически по любой теме можно найти на этом видеохостинге.

Для этого нужно в специальное поле окна «Вставка видео с веб-сайта»  вставить ссылку с интернета на это видео. Последовательность действий при это такая:

  1. Находим видеоролик на интересующую нас тему на YouTube и нажимаем «Поделиться», После чего, ниже этого значка появится новая строка (блок).
  2. В открывшемся блоке переходим во вкладку HTML-код и копируем ссылку.
  3. Переходим к документу PowerPoint и вставляем код в специальное поле.

Сюда вставляем код

4. Все, видео вставлено в презентацию.

5. Теперь можно проверить: работает ли видео в презентации.

Таким образом можно обогатить свою презентацию интересным видеофильмом. После создания документа нужно убедиться в том, что видео корректно проигрывается на компьютере. В обоих случаях воспроизведение видео возможно только по действию, выполняемому в режиме просмотра презентации, в режиме редактора это невозможно. О вставке в презентацию картинок можно прочитать, кликнув сюда.

Форматы видео

PowerPoint поддерживает следующие форматы видео:

  • AVI (Audio Video Interleave) — один из наиболее распространенных форматов. В формате AVI можно сохранять аудио и видео данные, сжатые самыми разными кодеками.
  • MPEG (Moving Pictures Experts Group) — формат был разработан специально для использования на таких носителях как video-CD.
  • ASF (Advanced Streaming Format) — формат разработан фирмой Microsoft для хранение потокового видео и аудио. В отличие от таких форматов как AVI и MPEG, видео можно просматривать непосредственно в момент загрузки, т.е. не надо ждать полной загрузки файла.
  • WMV (Windows Media Video) — в файлах хранится звук и видео сжатые при помощи кодека  Windows Media Video. По умолчанию ОС Windows включает в себя ряд наиболее распространенных кодеков, например Windows Media Audio, Windows Media Video и MP3, т.е. видео в формате WMV должно воспроизводиться без проблем на всех компьютерах работающих под управлением Windows. Формат WMVпозволяет максимально сжать данные. Плюс заключает в том, что видео занимает мало места на жестком диске. Необходимо учитывать, что чем больше сжатие, тем хуже качество видео. Если на вашем компьютере установлена операционная система Windows 7, то вы можете посмотреть образец ролика в формате WMV — кнопка

    Пуск > Документы > Видео

    .

Образец видео в формате WMV

PowerPoint не поддерживает формат MOV:

  •  MOV (фильм QuickTime) — в этом формате, сохраняют видео цифровые фотоаппараты. Поскольку PowerPoint не поддерживает этот формат, видео, снятое при помощи фотоаппарата, необходимо перекодировать в один из поддерживаемых форматов.

Как перекодировать видео из одного формата в другой

Предположим, что нам необходимо изменить формат видео MOV, т.е. перекодировать его в формат AVI, MPEG, ASF или WMV. В качестве примера, перекодируем MOV в WMV, чтобы можно было гарантированно просмотреть видео на любом компьютере с ОС Windows.

Перекодировать видео будем при помощи программы «Фабрика форматов», которую можно скачать бесплатно. Программа с русским интерфейсом, так что особых проблем при работе быть не должно.

Шаг 1. Запускаем программу, заходим в меню Настройки,  нажимаем кнопку Сменить справа от поля «Конечная папка» и указываем папку для сохранения перекодированного видео.

Указываем папку для сохранения обработанного видео (кликабельно)

В конкретном случае, на рабочем столе была создана папка «Обработанное видео».

Шаг 2. Щелкаем по кнопке того формата, в который хотим перекодировать файл.

Указываем, что будем перекодировать файл в формат WMV

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

Перекодирование видео из одного формата в другой

Шаг 4. Нажимаем кнопку ОК.

Для подтверждения выбора нажимаем кнопку ОК

Шаг 5. Для запуска процесса конвертации осталось щелкнуть по кнопке Старт.

Конвертация видео для PowerPoint

По окончании конвертации, состояние процесса будет помечено как «Выполнено». Для того, чтобы быстро попасть в папку с обработанными файлами, достаточно нажать кнопку Конечная папка.

Для того, того, чтобы быстро попасть в папку с обработанными файлами, достаточно нажать кнопку Конечная папка

Добавление видео из файла на слайд

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

Шаг 1. В PowerPoint 2007 переходим на вкладку Вставка и нажимаем  на кнопку Фильм.

Вставка видео в PowerPoint

Шаг 2. Выбираем видео для вставки и нажимаем ОК (можно сделать двойной щелчок по необходимому файлу).

Выбираем видео для вставки и нажимаем ОК

Шаг 3. Выбираем один из двух вариантов начала воспроизведения видео:

  1. Автоматически — воспроизведение видео начнется автоматически.
  2. По щелчку — воспроизведение начнется только после щелчка по рабочей области проигрывателя.

Выбераем один из двух вариантов начала воспроизведения видео PowerPoint

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

Изменить режим начала воспроизведения видео можно на вкладке

Возможные причины с отображение видео в презентации PowerPoint

На домашнем компьютере видео работает, а на чужом компьютере нет.

Возможные причины:

  • Отсутствуют видеофайлы. Как было сказано выше, они не встраиваются в презентацию, а хранятся отдельно от нее. Без видеофайлов, отображение видео на слайде невозможно. Храните и переносите файл презентации и файлы с видео в одной папке.
  • На чужом компьютере отсутствуют необходимые кодеки. Например, вы используете видео в формате AVI, а такого кодека на компьютере нет. Можно использовать видео в формате WMV, так кодеки Windows Media Video входят в состав Windows.

Как вставить видео в презентацию PowerPoint 2013/2016?

Для PowerPoint 2013/2016 рекомендуется использовать MP4-файлы. Данные версии также поддерживают форматы MKV, MOV, M4V, WMV и AVI.

Видеофайл с компьютера

Чтобы внедрить ранее сохраненное видео, потребуется 3 шага.

  1. Выберите слайд.
  2. На вкладке «Вставка» щелкните стрелку под пунктом «Видео» и выберите «Видео на компьютере».
  3. В окне «Вставка видеозаписи» выберите видеофайл и нажмите «Вставить».

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

Совет: Самый простой способ избежать появления недействительных ссылок – держать видео в одной папке с презентацией.

Ролик с YouTube

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

  1. Найдите на сайте YouTube ролик для презентации.
  2. Под найденным роликом нажмите «Поделиться», а затем щелкните «Встроить».
  3. Скопируйте код внедрения, который появится во всплывающем окне (внизу есть кнопка «Копировать»).
  4. В программе PowerPoint щелкните слайд, на котором должен находиться ролик.
  5. Откройте вкладку «Вставка» и выберите «Видео» > «Видео из Интернета».
  6. В поле под названием «Из кода внедрения видео» вставьте ранее скопированный код и щелкните стрелку.
  7. На слайде должна появиться область c видео, размер и местоположение которой можно редактировать.

В последних версиях PowerPoint  также доступна функция поиска видео с YouTube. Перед тем как вставить видео в презентацию PowerPoint, ознакомьтесь со следующей инструкцией.

  1. Откройте слайд, в котором будет размещаться видеоролик.
  2. Во вкладке «Вставка» выберите «Видео» > «Видео из Интернета».
  3. Напишите название видео в поле поиска и нажмите клавишу «Enter».
  4. Выберите подходящий ролик и нажмите «Вставить».

Используя данный способ, не забывайте, что видео находится на сайте YouTube, а значит, оно не будет воспроизводиться без подключения к сети Интернет.

Вставка видеофайла в PowerPoint 2010

Для PowerPoint 2010 лучше всего использовать WMV-файлы. Программа также работает с форматами MP4 и FLV. Чтобы вставить файл с компьютера, следуйте инструкции, описанной ниже.

  1. Откройте слайд для размещения видео.
  2. Во вкладке «Вставка» щелкните стрелку под опцией «Видео».
  3. Выберите «Видео из файла»
  4. Выберите нужный видеофайл.
  5. Щелкните «Вставить».

Также можно создать ссылку на видео в PowerPoint, сохраненное на компьютере. Чтобы сделать это, можно использовать инструкцию, приведению выше, изменив лишь последний шаг. На кнопке «Вставить» нажмите стрелку и выберите «Связь с файлом».

Добавление видео в PowerPoint Online

Онлайн-версия PowerPoint Online предлагает несколько вариантов добавления видео. Открывая новый слайд, вы, скорее всего, увидите иконки, позволяющие вставить видео либо с компьютера, либо с сайта YouTube. Нажав на соответствующую иконку, следуйте инструкциям для PowerPoint 2013/2016, приведенным выше. Добавить ролик из Интернета можно следующим способом.

  1. Найдите на YouTube нужный видеоролик.
  2. Под окном видео нажмите «Поделиться».
  3. Щелкните «Копировать».
  4. В PowerPoint Online выделите изображение или текст, который можно превратить в гиперссылку.
  5. Во вкладке «Вставка» нажмите «Гиперссылка».
  6. Во всплывающем окне вставьте скопированный URL-адрес в поле адрес и нажмите «Вставить».

вставка видео в PowerPoint OnlineЕсли вы решили воспользоваться данным методом, учтите, что при нажатии ссылки, видео откроется в отдельном окне.

Распространенные проблемы и их решение

Вставка видео в PowerPoint редко вызывает серьезные трудности, тем не менее возможно возникновение следующих проблем:

  • видео не проигрывается из-за нерабочей ссылки;
  • программа не распознает формат или кодек видеофайла;
  • размер презентации с внедренным видео становится слишком большим, поэтому с ней неудобно работать;
  • ролики с YouTube, которые встроены в презентацию, не воспроизводятся из-за проблем со связью.

Лучшим решением и в то же время профилактикой перечисленных проблем является предварительное сжатие видео, а также использование форматов, легко распознаваемых PowerPoint  (WMV/ASF или MP4).

Существует масса онлайн-сервисов, позволяющих как сжать, так и изменить формат видеофайла. Быстро и бесплатно это можно сделать, используя такие сервисы, как Сonvert-video-online, Onlinevideoconverter или Online-converter.

По завершению работы над презентацией обязательно убедитесь, что ссылка на встроенный видеоролик верна. Если презентация будет демонстрироваться без подключения к Интернету, проверьте, храниться ли видео локально или на сайте YouTube. Лучше всего скопировать ролик в папку, где находится презентация.

Видео – простой и эффективный способ донести до аудитории необходимую информацию до слушателя, которым грех не воспользоваться. Тем более что даже для человека, мало знакомого с возможностями PowerPoint, внедрение в презентацию видео – дело 1-2 минут.

Каждый из нас хотя бы раз в своей жизни открывал программу Power Point и создавал там презентации. Для школы, для работы или просто для себя.Но далеко не каждый знает, как сделать видео из презентации. Т.е. чтобы Ваша презентация была не в виде слайдов и формате ppt, а открывалась с помощью видео проигрывателя, ее можно было выложить на свой сайт или на YouTube.

А сделать это очень просто! Более того, сверху слайдов можно наложить свой голос, или любую музыку!

На этих Скриншотах четко показано, как записать видео с помощью Power Point.

1. Находим кнопку записи видео и нажимаем «Записать видео с текущего слайда»

2. Нажимаем «Начать запись»

В этом пункте стоят 2 галочки. Первая галочка говорит о том, что Мы будем вручную с помощью мыши переключать слайды. Вторая галочка позволяет записывать речь и использовать «лазерную указку»

3. Записываем презентацию.

На этом этапе мы записываем наш голос и вручную переключаем слайды. Для того чтобы воспользоваться лазерной укзакой необходимо нажать на Ctrl, и нажимать мышкой на слайде — появится красный кружок.

4. Предпросмотр

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

5. Сохранение презентации как видео

Нажимаем кнопку файл -> сохранить как  и в списке форматов выбираем «wmv».

Вот и все! Ваше видео готово! 

P.s. Если Вам понравилась статья — оставляйте комментарии! 

1. Вставляем видео в презентацию из файла

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

Для вставки видео в презентацию следует:

  1. Запустить PowerPoint 2010.
  2. Щёлкнуть по вкладке «Вставка».
  3. Щелкнуть по нижней половине кнопки «Видео».
  4. Выбрать пункт «Видео из файла».
  5. В диалоговом окне выбрать нужный видеоролик.
  6. Щелкнуть по кнопке «Открыть».
  7. Видеопроигрыватель появится в центре слайда, а ролик внедрится в файл презентации после её сохранения.
  8. Видео можно выровнять на слайде. Для этого можно использовать команду «Выровнять» на вкладке «Формат». Она появится после выбора объекта.
  9. Презентацию можно передать на другой компьютер или отправить через интернет.

Оптимизация для совместимости

При запуске презентации PowerPoint на другом компьютере возникнут проблемы с воспроизведением при отсутствии требуемого для конкретного формата кодека. Этой неприятности можно избежать при использовании режима совместимости.

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

Этапы оптимизации для совместимости

  • Щелкнуть по вкладке «Файл».
  • Найти кнопку «Оптимизация для совместимости» или «Сжать файлы мультимедиа».
  • При щелчке по первой кнопке все видеофайлы будет преобразован в формат WMV со стандартным качеством.
  • Ход выполнения отобразится в отдельном окне.
  • После завершения будет указан выигрыш в размере от сжатия.
  • Можно выбрать качество преобразования, щелкнув по кнопке «Сжать файлы мультимедиа».
  • Доступны три уровня: «Качество презентации», «Качество Интернета», «Низкое качество».
  • В случае неудовлетворённости качеством сжатого ролика операцию можно отменить.

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

Связывание видео с презентацией

В этом случае в презентации будет создана ссылка на файл, и ее размер будет небольшим.

Для связывания видео следует:

  1. Скопировать связываемое видео в папку, где находится презентация.
  2. Выполнить пункты с первого по пятый (см. «Внедрение видео»).
  3. Щелкнуть по кнопке со стрелкой вниз, рядом с кнопкой «Открыть».
  4. Выбрать пункт «Связь с файлом».
  5. В презентацию будет вставлена ссылка на видеофайл.

2. Добавление видео в PowerPoint 2010 с сайта

Это можно сделать двумя способами:

  • Добавить код для встраивания из YouTube;
  • Поместить ссылку на видео.

Первый способ НЕ работает с сентября 2017 года, так как YouTube отказался от использования flash-проигрывателей, которые вставлялись в презентацию.

Одно из решений данной проблемы – это вставка в слайд ссылки на конкретное видео. Оно будет открываться не в презентации, а в браузере. После сворачивания окна последнего вновь появится PowerPoint.

3. Добавление видео из «Организатора клипов»

Этот способ почти потерял актуальность. С его помощью можно вставить не только хранящиеся в «Организаторе клипов Microsoft» видеофайлы, но также и звуки и картинки.

Для этого следует:

  1. Выполнить пункты с первого по третий в разделе «Внедрение видео из файла».
  2. Выбрать пункт «Видео из организатора клипов».
  3. Справа появится его панель.
  4. Указать нужные типы файлов в выпадающем списке «Искать объекты:».
  5. Нажать кнопку «Начать».
  6. Выбрать нужное видео, и перетащить его на слайд.

Если НЕ вставляется видео в презентацию PowerPoint 2010

Если на компьютере отсутствуют кодеки мультимедиа, например, Media Foundation, то некоторые видеофайлы нельзя будет добавить в презентацию. Для решения этой проблемы можно использовать K-lite Codec Pack.

Видео с YouTube нельзя вставить после сентября 2017 года. Это связано с полным отказом от Flash-технологии в проигрывателях, которые использовались в PowerPoint 2010. Это не затронуло пользователей более поздних версий MS Office.

Как создать презентацию онлайн на сервисе Qoda, читайте здесь.

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

Короткое, но очень полезное видео по теме:

Поделитесь пожалуйста, если понравилось:Возможно вам будет интересно еще узнать:

  • 3 способа, как скачать видео с YouTube на компьютер бесплатно без программ3 способа, как скачать видео с YouTube на компьютер бесплатно без программ
  • как посмотреть код сайтаКак посмотреть код сайта через браузер
  • Как уменьшить вес фотоКак уменьшить вес фотографии

3 Способ: Вставляем видео при помощи тегов HTML5

Это просто html5 файл, который содержит в себе несколько заголовков. Далее под каждым из них мы будет размещать соответствующий код. Я также прописала некоторые стили для этой странички. Они хранятся в файле «style.css», который лежит в том же каталоге, что и html-файл. Содержимое файла «style.css» выглядит следующим образом:

body{width:90%; margin:0 auto; text-align:center}h1{font-family:Verdana, Geneva, sans-serif; color:#066}h2{font-style:italic; border-bottom:thin solid #F33; color:#F33}

Если открыть наш html-файл в браузере, то сейчас он будет выглядеть так: html5-файл для вставки видеоПодготовка закончена, давайте перейдем к самой вставке видео на веб страницу. Первый способ, который мы рассмотрим – это вставка видео при помощи сервиса Youtube.1. Первое что нам нужно – это иметь какой-то видео-ролик, который мы хотим вставить. Допустим, что он у нас есть и хранится на нашем локальном компьютере. Теперь переходим на сайт www.youtube.com. Здесь нам нужно нажать на кнопку «Войти», расположенную в верхнем правом углу. После этого нужно произвести вход при помощи Вашего аккаунта Google. Если вдруг у Вас его еще нет, то сначала нужно его завести. вставка видео через сервис Youtube2. После того, как Вы вошли в сервис под своим аккаунтом, нажмите на кнопку «Добавить видео». Сервис предложит Вам выбрать файл для загрузки, и Вы можете выбрать нужный файл, который хранится у Вас на компьютере. выбор видео файла для загрузкиПосле того, как Вы выбрали нужный файл, он начнет загружаться. Нужно подождать немного, пока он полностью не загрузится. загрузка файла на youtubeПосле того, как видео загрузилось полностью, Вы можете перейти по его ссылке (ее вы можете увидеть вверху, сразу после сообщения о том, что загрузка завершена). ссылка на видеоКогда Вы перейдете по данной ссылке, то увидите Ваше видео, размещённое на сервисе Youtube. 3. Теперь нам нужно получить код, для вставки видео на нашу веб страницу. Для этого сразу под видео щелкните по вкладке «Поделиться», а в ней по вкладке «HTML-код». Теперь Вы можете увидеть html-код, который понадобится нам для вставки. Здесь также можно задать и некоторые другие параметры, такие как: размер видео, показывать ли похожие видео после окончания просмотра и режим конфиденциальности. код с сервиса youtubeКогда Вы настроите все параметры, то можете скопировать код и вставить его в Ваш html-файл. Я вставлю код в файл под соответствующим заголовком следующим образом:

2 Способ: Вставляем видео при помощи плеера

Здесь Вам нужно будет проверить пути до файлов и прописать свои. Делая это будьте внимательны. Также здесь выставлены настройки, которые не дают видео запускаться автоматически, однако разрешают его загрузку. Если Вы хотите, чтобы видео запускалось автоматически, то после пути к файлу «flowplayer-3.2.2.swf» следует убрать запятую, закрыть круглую скобку и поставить «;» (без кавычек), а все остальное, что находится после этого и до закрывающего тега «/script» удалить. Таким образом, если мы проверим страницу в браузере, то увидим, что теперь у нас 2 видео: одно загружается с сервиса youtube, а другое хранится у нас на сайте и загружается при помощи плеера. Имейте в виду, что видео, загружаемое плеером должно иметь формат .mp4 или .flv.видео, загруженное на сайт при помощи FlowPlayerДавайте опробуем еще один способ и попробуем загрузить тот же самый ролик, который хранится у нас на сервере, но только при помощи новых возможностей HTML5.1. Найдите третий заголовок и прямо под ним пропишите следующий код:

Если вы откроете страницу в браузере, то увидите, что Ваше видео добавилось под третьим заголовком. Вот так просто! Всего одной строчкой. Не забудьте проверить путь к видеофайлу, чтобы он соответствовал тому, где Вы его расположили. Параметр «controls» добавляет панель управления для видео. Если Вы хотите, чтобы Ваше видео воспроизводилось сразу после загрузки страницы, то нужно добавить параметр «autoplay». Этот способ отвечает новым стандартам html5 и, я думаю, заинтересует разработчиков, желающих уже сегодня внедрять стандарты будущего. Однако, здесь есть свои «подводные камни», например, разная поддержка браузерами разных форматов мультимедиа. Данный пример будет замечательно работать во всех новых браузерах, но не в браузере Опера. Чтобы этот код заработал в Опере мы должны конвертировать видео файл в формат «Ogg Theora» и немного поменять код, чтобы дать браузеру альтернативный выбор. Конвертировать файл можно с помощью сервиса online-convert.com/. После конвертации сохраните полученный файл в папку «video», а код для вставки видео поменяйте на следующий:

Теперь пример будет работать и в браузере Опера. Однако, есть еще одна загвоздка, касающаяся старых браузеров, которые не понимают html5-теги. К сожалению, переход к новым стандартам также требует и умения находить обходные решения. Если для браузера незнаком какой-то тег, то он его просто игнорирует, но при этом не игнорирует содержимое внутри неизвестного ему элемента. Следовательно, мы можем добавить обходное решение прямо в наш тег для вставки видео. Код при этом может выглядеть вот так:

вставить видео на сайт с помощью html5С таким кодом новые версии браузеров успешно обработают наш элемент «video», а если вдруг пользователь откроет страницу при помощи старого браузера, то незнакомый тег «video» будет проигнорирован, но тег «iframe» будет успешно обработан и видео подгрузится с Youtube. Пожалуй, на этом буду заканчивать. Напоминаю, что все исходные материалы Вы можете скачать, щелкнув по иконке «Исходники» в начале статьи, а посмотреть работу всех трех примеров можно щелкнув по иконке «Демо» там же. Оставляйте свои комментарии и делитесь этой статьей с друзьями при помощи кнопок социальных сетей. Буду Вам очень признательна. Также подписывайтесь на обновления блога. Впереди много всего интересного и полезного по теме создания веб сайтов. Желаю Вам хорошего настроения и успехов в Вашей работе! До новых встреч!

Создание базы данных MySQL

Эффектные заголовки на сайт без использования Photoshop

Как подключить любые шрифты для сайта

Понравилась статья? Поделись с друзьями!

Будьте в курсе новых публикаций на Блоге!

Комментарии к этой статье:

Добавить Комментарий:

Понравилась статья? Поделиться с друзьями: