Media files

by Imri Paloja

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
<div class="container">


<video width="400">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML video.
</video>


<h2>
  Reference
</h2>

<ul>
  <li>
    <a href="https://www.w3schools.com/tags/ref_av_dom.asp">https://www.w3schools.com/tags/ref_av_dom.asp</a>
  </li>
</ul>

</div>

CSS

html,body {
  color: #454545;
}

.container {
  margin-top: 5%;
  padding: 5%;
  background: #EEEEEE;
  border: 1px solid #CCCCCC;
}

video {
  background: #000000;
  border: 1px solid #CCCCCC;
  width: 100%;
}