Javascript 从html5上的点击/触摸事件重定向到另一个页面<；视频>；iPad中的元素？

我正在UIWebView浏览器中运行的web应用程序中自动播放html5。我希望用户能够触摸屏幕，并被重定向到一个新的页面。由于视频是自动播放的，所以我可以完全省略控件（这部分工作正常）。这是否可能重定向

到目前为止，我已经尝试：

在视频标签周围添加链接

将onClick事件添加到视频标记本身

使用onClick事件在视频周围添加div（如果不起作用，则增加div的z索引以确保它位于视频顶部）

---

如果您真的使用了正确的变量：），那么使用第二种方法（onclick）应该可以工作

注意窗口，而不是文档

---

（免责声明：没有在iPad上测试，但在Chrome上工作）

我今天在做另一个项目时碰巧发现了一些有用的东西！我想我会把它贴在这里，以防其他人需要这个功能

基本上，我创建了一个围绕一个透明div的链接，这个div是整个屏幕的大小，通过z-index位于其他所有内容的顶部

<style>.videocontainer { position:absolute; width:1024px; height:768px; z-index:10000; }</style>

<a href="index.html"><div class="videocontainer"></div></a>
<video id="myVideo" width="1024" height="768" src="video/video1.ipad.mp4" autoplay></video>

.videocontainer{位置：绝对；宽度：1024px；高度：768px；z索引：10000；}

不幸的是，在这种情况下，这也不起作用，就像以前的解决方案一样，视频在触摸事件中运行并稍微变暗，但无论是在播放时还是在视频停止后，都不会重定向到新的url。您能试着从onclick执行其他操作吗？只是想看看它是否真的得到了事件，而不是重定向，或者根本没有得到它。我只是尝试了

onClick=“video.stop（）”

，但它也不起作用，所以我猜它根本没有得到事件……我爱你，你知道的。

<style>.videocontainer { position:absolute; width:1024px; height:768px; z-index:10000; }</style>

<a href="index.html"><div class="videocontainer"></div></a>
<video id="myVideo" width="1024" height="768" src="video/video1.ipad.mp4" autoplay></video>