Аудио теги для iPhone, JQTouch и HTML5

Question

У меня проблема с аудио тегами JQTouch (последняя бета) и html5 на «подстраницах» - звуковой тег работает до того, как сделано, и перестаньте работать потом.

Например:

http://richardprice.dyndns.ws/test.html

и

http://richardprice.dyndns.ws/test2.html

идентичны, кроме того, что я поменяю "текущий" класс между двумя divs - все аудио теги воспроизводят одинаковые mp3.

На test.html звуковая метка на начальной странице работает, но когда вы переключиться на Page 2 аудио тег на этой странице нет (и иногда приводит к сбою браузера). Вернитесь на страницу 1 и аудио тег на этой странице перестало работать.

test2.html - это тот же тест, но с перевернутыми начальными страницами, и происходит то же самое - страница 2 (теперь начальная страница) воспроизводит аудио, страница 1 не, и переключение обратно на страницу 2 приводит к аудио больше не работает.

Мысли?

Answer 1

Возможно, это связано с тем, что аудиометка на странице 2 не имеет разметки (поскольку ее отображение отсутствует).Я видел такое поведение раньше, см. Комментарии здесь .

Вы можете попробовать добавить аудио через DOM (document.createElement ('audio') ...) на событие pageAnimationEnd этой страницы..

Answer 2

Я столкнулся с той же проблемой с r148 из JQTouch.Я разместил аудио HTML5 на трех отдельных страницах моего сайта.При первой загрузке каждой страницы звук воспроизводился нормально (в QuickTime, iPhone 3.1).Когда я вернулся к этим страницам в том же сеансе, ссылка на аудио на iPhone имела линию через треугольник воспроизведения.Часто браузер зависал на домашнем экране.

К сожалению, аудиопроигрыватель в iPad отлично работает на этих страницах JQTouch.Назад и вперед, загрузка и перезагрузка.

Падающий iPhone-плеер беспокоил меня, поэтому мне пришлось вернуться к скучной старой ссылке.Мы слишком близки к дате запуска, чтобы попробовать какие-либо обходные пути JavaScript.