Необычное поведение кнопки возврата jquery mobile, phonegap / cordova

Имея довольно раздражающую и необычную проблему с моей кнопкой в JQM. У меня все настроено и работает, переходы на страницы слайды красиво, а кнопка "Назад" работает отлично. Однако, как только я загружаю видео в приложение (я использую rel= "external"), а затем перейдите на главную страницу, переход назад назад слайдов не работает на последней спине (той, которая приземляет меня на главной странице) и javascript, который запускает мое меню, не загружается. Это происходит только после загрузки видео, а затем попробуйте использовать кнопку "Назад", чтобы вернуться в меню, если я не загружаю видео, все работает нормально.

Как ни странно, этого не происходит в Safari, но делает это в Chrome и когда приложение упаковано в xcode и запускается в эмуляторе.

Я использую настраиваемое изображение в качестве кнопки "Назад", поэтому код кнопки "Назад" выглядит следующим образом:

<div data-role="page" id="page1">

<div data-role="header" data-tap-toggle="false" data-position="fixed" class="header" data-id="myheader">
        <div id="backarrow">
           <a href="javascript:history.back()">
                <img src="img/Arrow_Icon_JQuery_Design.png" width="6%" alt=""/>
           </a>
         </div>
    </div>

и код, который ссылается на видео:

<div class="watchvidbutton">
  <a href="videos/video_1.mp4" rel="external">
   <img src="img/Watch_Video_2_JQuery_Icon.png" width="25%" alt=""/>
  </a></div>

FYI есть только 3 прыжка между домашней страницей и видео. Структура навигации выглядит так:

#page ---> #page1 ---> #page2(video link on this page)

#page2 ----> #page1 ----(broken back button behaviour)---> #page

Заранее благодарим за понимание.