abc HTML5 i CSS TUTORIAL

Ponavljanje videa /LOOP VIDEO/ loop="


Slika 1. Tip TAG-a

Ponavljanje videa /LOOP VIDEO/ loop="
Sintaksa: <video id="video_1" width="Širina" height="Visina" controls loop="loop">
<source src="Putanja/ImeVideo.ektstenzija" type="video/TipVidea">

  • loop="loop" - ponavljanje istog videa poslije izvođenja.
  • Putanja - puna adresa foldera na kojem se nalazi video.
  • ImeVideo - putanja i puno ime slike (sa ekstenzijom)
  • TipVidea - tip formata videa mp4, ogg


Slika 2. Primjer videa

Autor video klipova na ovoj stranici je Aleksa Majkić

Primjer 1. Video je na podfolderu snimak. Ime videa je 1.mp4. Podestii ponavljanje prikaza videa poslije izvođenja.
Opis rješena: Za ponavljanje koristi se atribut LOOP="LOOP".

Kod

Ekran
<!DOCTYPE html>
<html>
<head>
<title>Video</title>
</head>
<body>
<p>controls</p>
<video id="video_1" onclick="play()" controls loop="loop">
<source src="snimak/11.mp4" type="video/mp4">
</video>
</body></html>

controls

Primjer 2. Video je na podfolderu snimak. Ime videa je 2.mp4. Podestii ponavljanje prikaza videa poslije izvođenja.

Kod

Ekran
<!DOCTYPE html>
<html>
<head>
<title>Video</title>
</head>
<body>
<p>controls</p>
<video id="video_1" controls loop="loop">
<source src="snimak/2.mp4" type="video/mp4">
</video>
</body></html>

controls

Primjer 3. Video je na podfolderu snimak. Ime videa je 3.mp4. Podestii ponavljanje prikaza videa poslije izvođenja.

Kod

Ekran
<!DOCTYPE html>
<html>
<head>
<title>Video</title>
</head>
<body>
<p>controls</p>
<video id="video_1" controls loop="loop">
<source src="snimak/3.mp4" type="video/mp4">
</video>
</body></html>

controls

Primjer 4. Video je na podfolderu snimak. Ime videa je 4.mp4. Podestii ponavljanje prikaza videa poslije izvođenja.

Kod

Ekran
<!DOCTYPE html>
<html>
<head>
<title>Video</title>
</head>
<body>
<p>controls</p>
<video id="video_1" controls loop="loop">
<source src="snimak/4.mp4" type="video/mp4">
</video>
</body></html>

controls

Daljnji rad:

  1. Kreirati video kod za video snimak/11.mp4
  2. Kreirati video kod za video snimak/12.mp4
  3. Kreirati video kod za video snimak/13.mp4
  4. Kreirati video kod za video snimak/14.mp4

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index