Media Content

Basic styling for common media elements


Audio

Video

Img

a test image a test image in a link

Figure

test image
Figcaption content
Code <audio controls>
  <source src="audio.ogg" type="audio/ogg" />
  <source src="audio.mp3" type="audio/mpeg" />
  Your browser does not support the audio tag.
</audio>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>
Code <img src="img/f00.jpg" alt="a test image" />
<a href="#!" title="image inside of an anchor tag">
  <img src="img/f00.jpg" alt="a test image in a link" />
</a>

<figure>
  <img src="img/f00.jpg" alt="test image" />
  <figcaption>
    Figcaption content
  </figcaption>
</figure>