title: video.js show div at 30 seconds
body: <p>I want to show a hidden div tag when a video reaches 30 seconds. I'm using video.js rather than a plain <code>video</code> tag. Can someone help me?</p>
  
  <pre><code>&lt;video id="video1" class=" video-js vjs-default-skin" controls preload="none"  width="498" height="280" poster="img/Home.jpg" data-setup="{}" onended="showfadeIn()" onplay="hidefadeIn()"&gt;
      &lt;source src="video/sportv5b_1_2.mp4" type="video/mp4"&gt;
      &lt;source src="video/sportv5b_1_2.ogv" type="video/ogv"&gt;
      &lt;source src="video/sportv5b_1_2.webm" type="video/webm"&gt;
      &lt;p&gt;Your user agent does not support the HTML5 Video element.&lt;/p&gt;
  &lt;/video&gt;
  </code></pre>