Перенаправление на другую страницу из события нажатия / касания на элементе html5 <video>в iPad?

Question

Я автоматически запускаю HTML5 в веб-приложении, запущенном в браузере UIWebView.Я бы хотел, чтобы пользователь мог касаться экрана и перенаправляться на новую страницу.Поскольку видео воспроизводится автоматически, я могу вообще пропустить элементы управления (и эта часть работает просто отлично).Возможно ли это перенаправление?

До сих пор я пытался:

добавить ссылку вокруг тегов видео <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 (а затем, когда это не сработало, увеличение z-индекса div, чтобы убедиться, что оно было поверх видео) <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)