HTML5 VideoTag Kullanımı 
Örnek
<style>
section {
display: inline-block;
/* border: 30px solid orange; */
margin: 20px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
border-width: 42px;
border-style: solid;
border-image: linear-gradient(to right, darkblue, darkorchid) 1;
}
</style>
<section>
<video width="320" height="240" controls poster="c2.jpg">
<source src="332908_small.mp4" type="video/mp4">
<source src="332908_small.ogg" type="video/ogg">
Tarayıcınız video tagını desteklemiyor
</video>
</section>
<section>
<video width="320" height="240" controls poster="1.jpg">
<source src="329674_small.mp4" type="video/mp4">
<source src="329674_small.ogg" type="video/ogg">
Tarayıcınız video tagını desteklemiyor
</video>
</section>
<section>
<video width="320" height="240" controls poster="4.jpg">
<source src="321952_medium.mp4" type="video/mp4">
<source src="321952_medium.ogg" type="video/ogg">
Tarayıcınız video tagını desteklemiyor
</video>
</section>
Örnek
Örnek
<section>
<h1>Video Eklemek</h1>
<video width="320" height="240" controls poster="https://fakeimg.pl/320x240/?text=Yükleniyor">
<source src="http://meb.ai/KR71t6" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Tarayıcınız video ögesini desteklemiyor.
</video>
<video width="320" height="240" controls poster="https://fakeimg.pl/320x240/?text=Yükleniyor">
<source src="http://meb.ai/UeSk1O" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Tarayıcınız video ögesini desteklemiyor.
</video>
</section>
<section>
<h2>Ses Eklemek</h1>
<audio controls="controls" autoplay="autoplay">
<source src="http://meb.ai/fN7MRY" type="audio/mp3">
<source src="ukulele.ogg" type="audio/mp3">
Tarayıcınız ses (audio) ögesini desteklemiyor.
</audio>
</section>
<h1>Video Eklemek</h1>
<video width="320" height="240" controls poster="https://fakeimg.pl/320x240/?text=Yükleniyor">
<source src="http://meb.ai/KR71t6" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Tarayıcınız video ögesini desteklemiyor.
</video>
<video width="320" height="240" controls poster="https://fakeimg.pl/320x240/?text=Yükleniyor">
<source src="http://meb.ai/UeSk1O" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Tarayıcınız video ögesini desteklemiyor.
</video>
</section>
<section>
<h2>Ses Eklemek</h1>
<audio controls="controls" autoplay="autoplay">
<source src="http://meb.ai/fN7MRY" type="audio/mp3">
<source src="ukulele.ogg" type="audio/mp3">
Tarayıcınız ses (audio) ögesini desteklemiyor.
</audio>
</section>
