從iPad上的html5 <video>元素上的點擊/觸摸事件重定向到另一個頁面？

我在運行在UIWebView瀏覽器中的web應用程序中自動運行html5。我希望用戶能夠觸摸屏幕並將其重定向到新頁面。由於該視頻是自動播放的，因此我可以完全省略這些控件（並且該部分都工作得很好）。這種重定向可能嗎？從iPad上的html5 <video>元素上的點擊/觸摸事件重定向到另一個頁面？

到目前爲止，我曾嘗試：

將圍繞視頻標籤 <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>

添加一個div周圍的視頻鏈接onClick事件（然後當沒有工作時，增加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>

任何想法，將不勝感激......

來源

2011-07-06 Becca

我偶然發現的東西今天工作的另一個項目工作時！我想我會在這裏發佈它，以防其他人需要此功能。

基本上，我創建了一個圍繞透明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>

來源

2011-08-30 22:06:03 Becca

我愛你，只是知道這一點。 –

使用你的第二個方法（的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工作）

來源

2011-07-06 22:34:20

遺憾的是並不在這種情況下工作，要麼，行事的方式，以前的解決方案與視頻的運行做了相同並在觸摸事件稍微變暗，但不是重定向到一個新的URL，可以一邊玩或之後它已經停止。 – Becca

你可以嘗試從onclick做點什麼嗎？只是爲了看看它是否真的得到了事件，而不是隻是重定向，或者根本沒有得到它 –

我只是嘗試'onClick =「video.stop（）」'它也沒有工作，所以我想它沒有得到事件在所有... – Becca

從iPad上的html5 <video>元素上的點擊/觸摸事件重定向到另一個頁面？

回答

相關問題