- Tubelator AI
- >
- Videos
- >
- Education
- >
- Додавання мультимедійних елементів у вебтехнологіях | Практична №9 | Речич
Додавання мультимедійних елементів у вебтехнологіях | Практична №9 | Речич
Дізнайтеся, як додавати мультимедійні елементи на ваш веб-сайт у практичній №9 модулю Вебтехнології для 10(11) класів у Речиці. Відкрийте папку Site, створіть папку Video та розмістіть в ній відео з розширенням MP4. Детальні інструкції по додаванню відео на сторінку галереї HTML.
Install Tubelator On Chrome
Video Summary & Chapters
No chapters for this video generated yet.
Video Transcript
Виконуємо практичну роботу 9
за посібником Ratchet Informatica WebTechnologies
модуль для учнів 10-11 класів, рівень стандарту.
Будемо працювати з сайтом, який ми створювали під час виконання попередніх практичних робіт.
Даний сайт знаходиться в папці Site.
Відкриємо дану папку та створимо в ній ще одну папку з іменем Video.
І помістимо в дану папку деяке відео.
Назва даного відео – Movie.
І розширення – MP4.
Я вибрав ось таке відео.
Ви можете вибрати будь-яке.
Нам буде потрібно працювати за сторінкою галері HTML.
Давайте відкриємо її в браузері.
Згадаємо, що тут знаходиться.
А тепер відкриємо її в редакторі коду.
Я буду використовувати.
Sublime Text3
На даній сторінці ми будемо розташовувати мультимедіа,
а саме відео.
Розташуємо їх перед футером
і відео будуть в окремому блокі.
Будемо тег div.
Призначимо даному елементу div
клас іменно мультимедія.
Для відображення на сторінці відео
використаємо тег video.
Призначимо даному тегу клас,
який називаємо «Мультимедіа-відео».
Зверніть увагу, що у посібнику на рисунку 2
Даний клас пропущений.
Можливо, випадково пропустили при наборі тексту.
Додамо атрибут controls,
з допомогою якого на відео будуть відображені
елементи управління. Відтворення, паузу, гучність.
І всередині тега відео потрібно додати
тег source, в якому є атрибут src,
де пробишемо шлях до нашого відео.
він знаходиться в папці Video
і назву Video Movie
з розширенням mp4
В атрибуті Type запишемо Video mp4
Давайте збережемо
і подивимся
Що в нас вийшло?
У нас відео має бути вставлено 3G, тому скопіюємо даний фрагмент.
То вставимо ще 2 рази.
Збережемо, щоб було швидше комбінація клавіш CTRL-S.
Тоді вновимо браузер.
Щоб було швидше, клавиш F5.
Тепер оголосимо класи Multimedia та Multimedia Video.
