如何在Html 5视频覆盖全屏上点击href链接与图像？

Question

我添加了带href链接的文本覆盖，它使用html5视频，但是当我在全屏模式下切换视频时，href链接无效，我可以在全屏模式视频中看到文字（ui），但无法点击。任何人都可以帮助我吗？ Jsfiddle

  <video id="v" controls>
    <source id='mp4'
    src="http://media.w3.org/2010/05/sintel/trailer.mp4"
    type='video/mp4'>
    <source id='webm'
    src="http://media.w3.org/2010/05/sintel/trailer.webm"
    type='video/webm'>
    <source id='ogv'
    src="http://media.w3.org/2010/05/sintel/trailer.ogv"
    type='video/ogg'>
    <p>Your user agent does not support the HTML5 Video element.</p>


  </video>
  <div id="overlay">
  <a href="https://google.com">This is HTML overlay on top of the video! </a></div>

谢谢