javascript - 从 iPad 中 html5 元素上的点击/触摸事件重定向到另一个页面？

Question

我正在 UIWebView 浏览器中运行的网络应用程序中自动播放 html5。我希望用户能够触摸屏幕并被重定向到新页面。由于视频是自动播放的，我可以完全省略控件(那部分工作正常)。这种重定向可能吗？

到目前为止我已经尝试过:

在视频标签周围添加链接 <a href="http://www.example.com"><video type='video/mp4' id="myVideo" width="800" height="568" src="video1.ipad.mp4" autoplay></video></a>

将 onClick 事件添加到视频标签本身 <video type='video/mp4' id="myVideo" width="800" height="568" src="video1.ipad.mp4" onClick="document.location.href='http://www.example.com';" autoplay></video>

使用 onClick 事件在视频周围添加一个 div(然后当它不起作用时，增加 div 的 z-index 以确保它位于视频顶部) <div onclick="location.href='http://www.example.com';" style="cursor:pointer; z-index:10;"><video type='video/mp4' id="myVideo" width="800" height="568" src="video1.ipad.mp4" autoplay></video></div>

任何想法将不胜感激......

Answer 1

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

基本上，我创建了一个围绕透明 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>