iPhone，JQTouch和HTML5音頻標簽

Question

我在“子頁面”上使用JQTouch（最新Beta）和html5音頻標簽時遇到了問題-音頻標簽在完成任何頁面轉換之前就起作用了，之后便不再起作用。

例如：

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

和

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

除了我在兩個div之間交換“當前”類以外，它們是相同的-所有音頻標簽都播放相同的mp3。

在test.html上，初始頁面上的音頻標簽有效，但是當您切換到Page 2時，該頁面上的音頻標簽無效（有時會導致瀏覽器崩潰）。 切換回第1頁，該頁面上的音頻標簽已停止工作。

test2.html是相同的測試，但是初始頁面顛倒了，並且發生了相同的事情-第2頁（現在是初始頁面）播放音頻，第1頁沒有播放，切換回第2頁導致音頻不再工作。

有什么想法嗎？

Answer 1

可能是因為第2頁上的音頻標簽沒有布局（因為它的顯示為none）。 我以前已經看到過這種行為，請在此處查看評論。

您可以嘗試在該頁面的pageAnimationEnd事件上通過DOM（document.createElement（'audio'）...）添加音頻。

Answer 2

我在JQTouch的r148上遇到了同樣的問題。 我在網站的三個單獨的子頁面上嵌入了HTML5音頻。 第一次加載每個頁面時，音頻都可以正常播放（在QuickTime中，iPhone 3.1）。 當我在同一會話中返回這些頁面時，iPhone的音頻鏈接在播放三角形中有一條線。 瀏覽器經常崩潰到主屏幕。

令人討厭的是，iPad中的音頻播放器可以在這些JQTouch頁面上完美運行。 來回，加載和重新加載。

崩潰的iPhone播放器讓我感到擔心，因此我不得不恢復到無聊的舊href鏈接。 我們離發布日期還很近，無法嘗試任何JavaScript解決方法。