Установка изображений особого труда не вызывает, поэтому перейдём к другой теме. В этой статье я покажу, как я научился вставлять видео и аудиоматериалы в мой сайт. Также мы рассмотрим как видоизменять интерфейс и удалять его.
Видео (теория)
Для того чтобы вставить видео, в Html нужно в <body> </body> прописать <video> </video>, если вы берёте видео из интернета, то ссылку нужно вставить таким образом <video src="ссылка">, если вы хотите вставить своё видео с компьютера, то вы должны вставить видеоматериал в вашу папку с проектом и прописать название вашего файла(видео), код будет выглядеть так <video src="название">.
Полезные атрибуты:
- Autoplay - этот код будет загружать и автоматически воспроизводить видео вместе с открытием сайта.
- Controls - отображение интерфейса видео, такие как воспроизведение, громкость, пауза.
- Height - задаёт высоту окна
- Width - задаёт ширину окна
- Loop - видео будет повторяться до закрытия сайта
Видео (практика)
1) Самым простым способом вставки видео в ваш проект это скопировать код в видеохостинг YouTube. Нужно просто открыть видео, которое вас интересует, нажать на видео правой кнопкой мыши выйдет всплывающее меню, где надо выбрать "Копировать HTML-код". После всех этих действий переходим в HTML и вставляем скопированный код. Но, устанавливая код с YouTube, видео имеет интерфейс, кому-то это нравится, а кому-то нет. Поэтому я буду показывать на примере скаченного видео.
2) Скаченное видео можно сделать фоном для сайта
Вот чему я научился за четвёртый день изучения Html и CSS.