title: <video> in <a href="#">
body: <p>How do I put a &lt; video > in <code>&lt;li&gt;&lt;a href="#"&gt;&lt;p&gt;Ethnics&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;</code></p>
  
  <p>Using the video as below:</p>
  
  <pre><code>&lt;video width="320" height="270" controls&gt;
  &lt;source src="steve_powell_320_hard.mp4"  type="video/mp4; codecs=avc1.42E01E, mp4a.40.2"&gt;
  &lt;source src="steve_powell_320_hard.webm" type="video/webm; codecs=vp8, vorbis"&gt;
  &lt;source src="steve_powell_320_hard.ogv"  type="video/ogg; codecs=theora, vorbis"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>UPDATE for Šime Vidas
  HTML</p>
  
  <pre><code>&lt;ul class="lists_video" id="list"&gt;
          &lt;li&gt;&lt;a href="#" class="video_trigger"&gt;Ethnics&lt;/a&gt;&lt;video width="320" height="270" controls&gt;
                      &lt;source src="video/steve_powell_320_hard.mp4"  type="video/mp4; codecs=avc1.42E01E, mp4a.40.2"&gt;
                      &lt;source src="video/steve_powell_320_hard.webm" type="video/webm; codecs=vp8, vorbis"&gt;
                      &lt;source src="video/steve_powell_320_hard.ogv"  type="video/ogg; codecs=theora, vorbis"&gt;&lt;/video&gt;&lt;/li&gt;
          &lt;/ul&gt; 
  </code></pre>
  
  <p>CSS and JS as suggested by Šime Vidas with sample codes.</p>