Создание сайтов.9.HTML.Аудио и Видео.

  • Занимательные материалы
  • Презентации учебные
  • Домашнее обучение
  • pptx
  • 16.01.2021
Публикация в СМИ для учителей

Публикация в СМИ для учителей

Бесплатное участие. Свидетельство СМИ сразу.
Мгновенные 10 документов в портфолио.

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

Аудио и Видео

Дополнительные элементы

Контейнер для добавления видео и всего связанного с ним -

В тэге

Внутри контейнера

В тэге source два атрибута – src и type

Формат

Ссылка на видео

Далее в атрибут src пишем название видео и формат .mp4

В атрибут type добавляем обозначение video/mp4

Но почему же видео не появляется?

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

Атрибут controls в тэге

И у нас появляются различные элементы управления: кнопка проигрывания, звук, расширенный просмотр.

Если мы хотим , чтобы видео запускалось без звука , то применяем атрибут muted

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

Но работает это только при выключенном звуке в видео, то есть при атрибуте muted

Для добавления аудио дорожки делаем все то же , что и при добавлении видео, меняя пару тэгов

Вместо video добавляем audio

А формат mp4 меняем на mp3