javascript - 如何让用户点击我的 HTML5 视频屏幕并在新窗口中转到链接？

Question

如何让用户点击我的 HTML5 视频屏幕并转到新窗口中的链接？我环顾四周，找不到太多文字。基本上与您在 YouTube 等上获得的功能类似。用户点击视频并在新窗口中链接。

使用这样的代码:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
</video>

我想象它看起来像这样，但我无法让它工作:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
<a href='http://www.google.com'> test link</a>
</video>

Answer 1

这是一个工作示例:http://jsfiddle.net/ysttd/

而不是粘贴 <a>标签内 <video> , 包装 <a>和 <video>父元素内的标记:

<div class="videoContainer">
    <video width="320" height="240" controls>
      <source src="http://snapshot.opera.com/resources/BigBuckBunny.ogv" type="video/ogg">
    </video>
    <a href='http://www.google.com'> test link</a>
</div>