Question

我在UIWebView浏览器中运行的Web应用程序中自动播放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>

Answer 2

如果您实际使用了正确的变量，那么使用第二种方法（onclick）应该有效：）

<video type='video/mp4' id="myVideo" width="800" height="568" 
       src="video1.ipad.mp4" 
       onclick="window.location='http://www.example.com';" autoplay></video>

注意窗口，而不是文档。

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

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

2 个答案: