title: HTML - displaying title attributes on page
body: <p>The <code>html</code> below is working properly, but how do I display <code>title</code> attributes on the browser below the video, for each <code>&lt;video&gt;</code> element?</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Projekktor Version 8 Test&lt;/title&gt;
  &lt;link rel="stylesheet" href="theme/style.css" type="text/css" media="screen" /&gt;
  
  &lt;script type="text/javascript" src="projekktor/jquery.min.js"&gt;&lt;/script&gt; &lt;!-- Load jquery --&gt;
  &lt;script type="text/javascript" src="projekktor/projekktor.min.js"&gt;&lt;/script&gt; &lt;!-- load projekktor --&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;video id="player_a" class="projekktor" poster="https://i.scdn.co/image/00d97c99f9fb5872e9a44f06ae7e20fd011de125" title="Faust Arp" width="640" height="360" controls&gt;
          &lt;source src="https://p.scdn.co/mp3-preview/7f8e0f1c60eaa0817e07f48d5954887ca148ef37?cid=null" /&gt;&lt;/video&gt;
      &lt;video id="player_a" class="projekktor" poster="https://i.scdn.co/image/0d1460c036897175f4631e8480ea4a2217bf5447" title="Daydreaming" width="640" height="360" controls&gt;
          &lt;source src="https://p.scdn.co/mp3-preview/fbf970f6ee1e7d849de08017d3688406107c751a?cid=null" /&gt;&lt;/video&gt;
  
      &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          projekktor('#player_a', {
          volume: 0.8,
          playerFlashMP4: 'http://www.localhost:8000/StrobeMediaPlayback.swf',
          playerFlashMP3: 'http://www.localhost:8000/StrobeMediaPlayback.swf'
          });
      });
      &lt;/script&gt; 
  </code></pre>