2

如何让用户点击我的 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>
4

4 回答 4

0

You could try this as well:

<video width="320" height="240" onclick="window.open('http://google.com')" controls>
    <source src="movie.mp4" type="video/mp4"/>
    <source src="movie.ogg" type="video/ogg"/>
    <source src="movie.webm" type="video/webm"/>
</video>
于 2013-03-20T20:35:46.753 回答
0

如果我发现你的问题是正确的，这个解决方案可以帮助你

<a href="http://google.com" target="_blank">
    <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>
    </a>

http://jsfiddle.net/bXrPL/

于 2013-03-20T20:18:21.323 回答
0

这是一个工作示例：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>
于 2013-03-20T20:25:34.643 回答
0

理论上，您应该能够<video>在链接内部放置一个链接来实现这一点。

但是，由于您已指定controls视频是交互式内容，因此不允许这样做。

相反，您可以使用 JavaScript：

document.querySelector('video').addEventListener('click', function () {
    open("http://example.com", "_blank");
});
于 2013-03-20T20:28:08.497 回答