Search this site
Embedded Files
Вебтехнології
  • ЗМІСТ
  • Тема 1
    • Урок 1
    • Урок 2
    • Урок 3
    • Урок 4
    • Урок 5
    • Урок 6
    • Урок 7
  • Тема 2
    • Урок 8, 9
    • Урок 10
    • Урок 11
    • Урок 12
    • Урок 13
    • Урок 14
    • Урок 15
    • Урок 16
    • Урок 17
    • Урок 18
  • Тема 3
    • Урок 19
    • Урок 20
    • Урок 21
    • Урок 22
    • Урок 23
    • Урок 24
    • Урок 25
  • Тема 4
    • Урок 26
    • Урок 27
    • Урок 28
    • Урок 29
    • Урок 30
    • Урок 31
    • Урок 32
    • Урок 33
  • Тема 5
    • Урок 34
    • Урок 35
    • Урок 36
    • Урок 37-38
    • Урок 39
    • Урок 40-41
    • Урок 42-45
Вебтехнології
  • ЗМІСТ
  • Тема 1
    • Урок 1
    • Урок 2
    • Урок 3
    • Урок 4
    • Урок 5
    • Урок 6
    • Урок 7
  • Тема 2
    • Урок 8, 9
    • Урок 10
    • Урок 11
    • Урок 12
    • Урок 13
    • Урок 14
    • Урок 15
    • Урок 16
    • Урок 17
    • Урок 18
  • Тема 3
    • Урок 19
    • Урок 20
    • Урок 21
    • Урок 22
    • Урок 23
    • Урок 24
    • Урок 25
  • Тема 4
    • Урок 26
    • Урок 27
    • Урок 28
    • Урок 29
    • Урок 30
    • Урок 31
    • Урок 32
    • Урок 33
  • Тема 5
    • Урок 34
    • Урок 35
    • Урок 36
    • Урок 37-38
    • Урок 39
    • Урок 40-41
    • Урок 42-45
  • More
    • ЗМІСТ
    • Тема 1
      • Урок 1
      • Урок 2
      • Урок 3
      • Урок 4
      • Урок 5
      • Урок 6
      • Урок 7
    • Тема 2
      • Урок 8, 9
      • Урок 10
      • Урок 11
      • Урок 12
      • Урок 13
      • Урок 14
      • Урок 15
      • Урок 16
      • Урок 17
      • Урок 18
    • Тема 3
      • Урок 19
      • Урок 20
      • Урок 21
      • Урок 22
      • Урок 23
      • Урок 24
      • Урок 25
    • Тема 4
      • Урок 26
      • Урок 27
      • Урок 28
      • Урок 29
      • Урок 30
      • Урок 31
      • Урок 32
      • Урок 33
    • Тема 5
      • Урок 34
      • Урок 35
      • Урок 36
      • Урок 37-38
      • Урок 39
      • Урок 40-41
      • Урок 42-45

  1. Опанувати веб конспект

  2. Виконати практичне завдання № 1

  3. Виконати практичне завдання № 2


Атрибут src [source (джерело)] -

обов'язковий , який указує абсолютну або відносну url адресу відео

Приклад HTML коду атрибуту src

<video src="video/mov.mp4" ></video>                                 <!--mov. - Назва відео-->

Атрибут controls [керування]- 

додає панель керування до відео, а її дизайн залежить від браузеру

Приклад HTML коду атрибуту controls 

<video  src="video/mov.mp4" controls></video>       або    <video  src="video/mov.mp4" controls="controls"></video>

Атрибут autoplay -

відповідає за автоматичне відтворення відео при завантаженні веб сторінки

Приклад HTML коду атрибуту autoplay

<video  src="video/mov.mp4" controls="controls" autoplay></video> 

або      <video  src="video/mov.mp4" controls="controls" autoplay="autoplay"></video>

Атрибут loop[петля] -

зациклює відтворення відео на веб сторінку

Приклад HTML коду атрибуту loop

 <video  src="video/mov.mp4" controls="controls" autoplay="autoplay" width="30%" loop ></video>

Атрибут poster[плакат] -

вказує адресу картинки (GIF, PNG, JPEG), яка відтворюється до завантаження та програвання відео

Приклад HTML коду атрибуту poster

    <video src="video/2.mp4" controls="controls" loop poster="img/12.jpg" ></video>

Практичне завдання № 1

Заготівки для виконання практичного завдання № 1

yrok24-1.pdf

Практичне завдання № 2

yrok24-2.pdf

Заготівки для виконання практичного завдання № 2

Всього на курс - 45 годин

Зауваження, поради, коментарі та побажання надсилайте за адресою svetalena6811@gmail.com

Викладачка інформатики Дмитренко Олена Борисівна

Google Sites
Report abuse
Page details
Page updated
Google Sites
Report abuse