Skip to content

Instantly share code, notes, and snippets.

@herrera-ignacio

herrera-ignacio/multimediaTags.html

Created January 5, 2019 23:22
Show Gist options
  • Save herrera-ignacio/bba4c58253776042d1ba08d9859251b6 to your computer and use it in GitHub Desktop.
Save herrera-ignacio/bba4c58253776042d1ba08d9859251b6 to your computer and use it in GitHub Desktop.
Download ZIP
Examples of multimedia tags
Raw
multimediaTags.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Multimedia Tags</title>
</head>
<body>
<!-- May set up params from CSS-->
<!-- IMAGE -->
<figure>
<img src="imagen.jpg" height="100" width="100" alt="Description">
<figcaption>Legend of figure</figcaption>
</figure>
<!-- AUDIO -->
<audio src="audio.wav" type="audio/wav" controls="controls"></audio>
<!-- VIDEO -->
<!-- Tip: insert YouTube video with iframe -->
<video src="video.mov" type="video/mov" controls="controls"></video>
<h2>Audio & Video params</h2>
<ul>
<li>autoplay</li>
<li>loop</li>
<li>preload</li>
<li>muted</li>
<li>codecs="H.264,vorbis"</li>
</ul>
</body>
<footer>
<!-- Endpage -->
</footer>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment