title: Is it possible to hyperlink an embedded video box so when a user clicks on the video a hyperlink is brought up?
body: <p>You kind of see my lame attempt by trying to wrap the div inside of an anchor tag.  Is it possible to add a zone abouve the video for when the user clicks on it, it automically brings up a new browser tab with a new webpage.</p>
  
  <pre><code>&lt;style&gt;
  #player {
  margin: auto;
  width: 400px;
  height: 273px;
  }
  .playerclick{
  target-name:new;
  target-new:tab;
  }
  &lt;/style&gt;    
  
  &lt;a href="http://www.elmariachimexican.com" target="_blank"&gt; &lt;div id="player"&gt;&lt;/div&gt; &lt;/a&gt;
  &lt;script&gt;      
    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  
    var player;
    function onYouTubePlayerAPIReady() {
      player = new YT.Player('player', {
        playerVars: { 'autoplay': 1, 'controls': 1, 'modestbranding':1, 'autohide':1,'wmode':'opaque', 'rel':0, 'showinfo':0},
        videoId: 'mO03zQQ8XIo',
        events: {
          'onReady': onPlayerReady}
      });
    }
    function onPlayerReady(event) {
      event.target.mute();
    }
    &lt;/script&gt;
  </code></pre>