title: show a popup link after video play
body: <p>I am working on this <strong><a href="http://www.stanshyshkin.com/king/" rel="nofollow">site</a></strong> the home page slider has an option with label Watch the video I have added the below codes to my templates for the video to work.</p>
  
  <pre><code>&lt;script&gt;
  function videoshow()
   {
   document.getElementById("sliders-container").style.display="none";
   document.getElementById("show-video").style.display="block";
  document.getElementById("show-video").innerHTML="&lt;span id='close-button' onclick='closevideo()'&gt;close&lt;/span&gt;&lt;video id='example_video_1' class='video-js vjs-default-skin' controls   width='100%' data-setup='{}' autoplay&gt;&lt;source src='http://constantin-entertainment.info/king/wp-content/themes/Avada/video/sample11.mp4' type='video/mp4' /&gt;&lt;source src='http://video-js.zencoder.com/oceans-clip.webm' type='video/webm' /&gt;&lt;source src='http://video-js.zencoder.com/oceans-clip.ogv' type='video/ogg' /&gt;&lt;track kind='captions' src='demo.captions.vtt' srclang='en' label='English'&gt;&lt;/track&gt;&lt;!-- Tracks need an ending tag thanks to IE9 --&gt;&lt;track kind='subtitles' src='demo.captions.vtt' srclang='en' label='English'&gt;&lt;/track&gt;&lt;!-- Tracks need an ending tag thanks to IE9 --&gt;&lt;p class='vjs-no-js'&gt;To view this video please enable JavaScript, and consider upgrading to a web browser that &lt;a href='http://videojs.com/html5-video-support/' target='_blank'&gt;supports HTML5 video&lt;/a&gt;&lt;/p&gt; &lt;/video&gt;";
   }
  
  function closevideo()
  {
  
     document.getElementById("show-video").style.display="none";
      document.getElementById("show-video").innerHTML="";
       document.getElementById("sliders-container").style.display="block";
  
  } 
  
  &lt;/script&gt;
  </code></pre>
  
  <p>and the below div for the video to show</p>
  
  <pre><code>&lt;div id="show-video"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>and called the below files also</p>
  
  <pre><code>&lt;link href="&lt;?php bloginfo('template_directory'); ?&gt;/css/video-js.css" rel="stylesheet" type="text/css"&gt;
  &lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/js/video.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>the videos are playing firn in all browsers.Now  I would like a box to hover out like "<strong>Contact Me</strong>" with a link to my contact form.so I searched over net and applied the following code </p>
  
  <pre><code>&lt;script&gt;
  var video = document.getElementsByTagName('video')[0];
  
  video.onended = function(e) {
    &lt;a href="#contact"&gt;Conatct Me&lt;/a&gt;
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>but didnt help. Not sure where I have gone wrong.</p>