add audio and video examples

index.html

@@ -20,7 +20,7 @@
     <div id="top" class="page" role="document">
       <header role="banner">
         <h1>Drop-in Minimal CSS</h1>
-        <p>This is a test page filled with common HTML elements to be used to provide visual feedback whilst building CSS systems and frameworks.</p>
+        <p>This page provides an overview of barebones drop-in minimal CSS boilerplate frameworks. For more information, and links to all the frameworks seen here, visit the project page on <a href="https://github.com/dohliam/dropin-minimal-css">GitHub</a>.</p>
 
     <select name="somename" id="someid" accesskey='a' onchange="switch_css(this.value)">
       <option value="bullframe">Bullframe CSS</option>
@@ -236,12 +236,21 @@
           </article>
           <article id="embedded__audio">
             <header><h2>Audio</h2></header>
-            <div><audio controls="">audio</audio></div>
+            <div>
+              <audio controls>
+                <source src="http://ccmixter.org/content/flatwound/flatwound_-_The_Long_Goodbye.mp3">
+              </audio>
+            </div>
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="embedded__video">
             <header><h2>Video</h2></header>
-            <div><video controls="">video</video></div>
+            <div>
+              <video controls>
+                <source src="https://github.com/benhosmer/HTML5-Test-Videos/blob/master/big_buck_bunny.mp4?raw=true" type="video/mp4">
+                <source src="https://github.com/benhosmer/HTML5-Test-Videos/blob/master/big_buck_bunny.ogv?raw=true" type="video/ogg">
+              </video>
+            </div>
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="embedded__canvas">