<video controls id="videoPlayer">
   <source src="messi.mp4" type="video/mp4" />
   <source src="messi.ogv" type="video/ogg" />
   <source src="messi.webm" type="video/webm" />
   <p>
      Tarayıcınız HTML5 Video tagını desteklemiyor.
   </p>
</video>

<video>
   <source src="yuksek-kalite.ogv" type="video/ogg" media="(min-device-width:600px)" codecs="theora, vorbis" />
   <source src="dusuk-kalite.ogv" type="video/ogg" codecs="theora, vorbis" />
</video>

<video>
   <source src="messi.mp4" type="video/mp4" />
   <source src="messi.ogv" type="video/ogg" />
   <track src=messi.tr.vtt kind=subtitles label="Türkçe Altyazı" srclang=tr default />
   <track src=messi.en.vtt kind=subtitles label="English Subtitles" srclang=en />
</video>

WEBVTT FILE

1
00:00:00.500 --> 00:00:06.000
Lionel Messi, Messi, Messi, Messi...

2
00:00:06.500 --> 00:00:08.000
Bu adam neyin nesi ?

3
00:00:10.000 --> 00:00:23.000
Merhaba HTML5 !

<audio controls id="audioPlayer" src="messi.mp4">
   <p>
      Tarayıcınız HTML5 Audio tagını desteklemiyor.
   </p>
</audio>

<video src="messi.mp4" id="Video1"></video>
<input type=button value="Oynat" onclick="document.getElementById('customVideoPlayer').play();" />
<input type=button value="Durdur" onclick="document.getElementById('customVideoPlayer').pause();" />

var video = document.getElementById('customVideoPlayer');
var videoStateLabel = document.getElementById('videoState');
video.addEventListener('play', function () { videoStateLabel.innerHTML = 'play olayı tetiklendi !'; }, false);
video.addEventListener('pause', function () { videoStateLabel.innerHTML = 'pause olayı tetiklendi !'; }, false);
video.addEventListener('ended', function () { videoStateLabel.innerHTML = 'ended olayı tetiklendi !'; }, false);