Задержка jQuery Mobile перехода, чтобы скрыть встроенное видео Youtube

Question

Я использую jQuery Mobile для создания сайта, который будет отображать встроенный клип YouTube на одной из страниц.

Моя проблема заключается в том, что когда пользователь пытается перейти на другую страницу, внедренный объект остается «над» страницей во время воспроизведения перехода. В результате видео появляется на 2-й странице на долю секунды и выглядит не очень хорошо.

Я пытался использовать .hide() на видео при нажатии на ссылку, а также пытался создать тайм-аут, но безрезультатно - кто-то может порекомендовать решение?

Answer 1

Как оказалось, я не захватывал правильное событие - я проверял клик, когда мне нужно было привязать к событию 'tap' вот так:

$("#link").live('tap',function(){
   $("#video").hide();
});

Answer 2

Вы можете использовать событие pagebeforehide для удаления флеш-видео, однако вы также можете использовать метод встраивания iframe в youtube для показа видео, а не встраивать тег (у меня не было проблем с постоянными флеш-объектами при использовании метода iframe).

$('#youtube_page_id').live('pagebeforehide', function () {
    $('#youtube_embed_id').remove();
});

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">

Еще одно преимущество использования метода iframe с youtube заключается в том, что youtube обнаружит устройство, на котором находится пользователь, и отобразит видео соответствующего типа.Например, если пользователь подключен к iPhone, YouTube отобразит видео HTML5, а не Flash.

Answer 3

Вам придется удалить актуальное видео со страницы;это также происходит в каждом браузере, поскольку Flash обычно отображается поверх всего остального содержимого.