オーディオ要素は、私は、ユーザーがオーディオのビットをクリックして再生することができますHTML5、このスニペットを持っているFirefoxの

Question

にはiframe内で遊ぶ/表示されません。

<audio controls> 
    <source src="cell.ogg"> 
    <source src="cell.mp3"> 
    <source src="cell.m4a"> 
</audio> 

これは、OS上でFF 8で正常に動作しますXライオン。オーディオプレーヤーのコントロールが表示され、プレイをクリックして、オッグバージョンが再生されます。

しかし、私が含んでいるファイルを別のHTML5ドキュメントのiframeの中に入れた場合（どちらもローカルファイルシステムから、クロスオリジンの問題なし）、動作しません。残りのHTMLはうまく表示されますが、Firefoxはまるでどのメディアフォーマットもサポートしていないかのように動作します。 FFは、それがどのようにレンダリングされるか

function postContentToIframe(content) 
{ 
    var iframe = $("#displayContents")[0].contentWindow.document; 
    iframe.open(); iframe.close(); // must open and close document object to start using it! 
    $("body", iframe).append(content).hide().fadeIn("slow"); 
    return; 
} 

がここにあります：

は、ここで私はインラインフレームにページを追加するために使用する機能です。

なぜ？そして私はそれをどのように修正するのですか？ TIA。

Answer 1

謎解き。これはディレクトリ/相対URLの問題でした。ベースHTMLファイル（iframe要素付き）は、追加されたHTMLファイル（iframeの内容）とオーディオファイルとは別のディレクトリにあります。したがって、オーディオファイルを見つけることができませんでした。

解決方法：すべてのファイルを1つのディレクトリに置くか、相対URLの代わりに絶対URLを使用する方がよいでしょう。