<；音频>；通过Javascript回退

我想了解如何使用Javascript实现HTML5

回退

i、 e.我的页面上有一个div，当当前单击“播放音频”链接时，我会动态添加

标记。。 i、 我目前使用

function playSound(audioUrl)
{
var x = document.getElementById("playAudio");
x.innerHTML = '<EMBED src="'+audioUrl+'" autostart=true loop=false volume=100 hidden=true>';
} 

函数播放声音（audioUrl）
{
var x=document.getElementById（“播放音频”）；
x、 innerHTML=''；
} 

我想用HTML5

标签实现同样的东西，但当不支持HTML5音频标签时，我想回退到嵌入。鉴于音频URL是动态的，我如何使用JS实现相同的功能

我的意图是，它应该在旧的和新的浏览器上工作..像IE6，7，8；FF 3,4；铬；MAC上的Safari 4,5，iPad上的Safari..

您可以使用它来检测

音频

支持

如果您不想为了一件简单的事情而包含该库，那么应该这样做

var audioSupport = document.createElement('audio').hasOwnProperty('src');

那就是

function playSound(audioUrl) {
    var audioSupport = document.createElement('audio').hasOwnProperty('src'),
        x = document.getElementById("playAudio");

    if (audioSupport) {
        var audio = document.createElement('audio');
        audio.src = audioUrl;
        x.appendChild(audio);
        audio.play();
    } else {
        // Or you could use proper DOM methods...
        x.innerHTML = '<EMBED src="' + audioUrl + '" autostart=true loop=false volume=100 hidden=true>';
    }
}

函数播放声音（audioUrl）{
var audioSupport=document.createElement（'audio'）.hasOwnProperty（'src'），
x=document.getElementById（“播放音频”）；
if（音频支持）{
var audio=document.createElement（'audio'）；
audio.src=audioUrl；
x、 儿童（音频）；
音频播放（）；
}否则{
//或者您可以使用适当的DOM方法。。。
x、 innerHTML=''；
}
}

.

您可以使用它来检测

音频

支持

如果您不想为了一件简单的事情而包含该库，那么应该这样做

var audioSupport = document.createElement('audio').hasOwnProperty('src');

那就是

function playSound(audioUrl) {
    var audioSupport = document.createElement('audio').hasOwnProperty('src'),
        x = document.getElementById("playAudio");

    if (audioSupport) {
        var audio = document.createElement('audio');
        audio.src = audioUrl;
        x.appendChild(audio);
        audio.play();
    } else {
        // Or you could use proper DOM methods...
        x.innerHTML = '<EMBED src="' + audioUrl + '" autostart=true loop=false volume=100 hidden=true>';
    }
}

函数播放声音（audioUrl）{
var audioSupport=document.createElement（'audio'）.hasOwnProperty（'src'），
x=document.getElementById（“播放音频”）；
if（音频支持）{
var audio=document.createElement（'audio'）；
audio.src=audioUrl；
x、 儿童（音频）；
音频播放（）；
}否则{
//或者您可以使用适当的DOM方法。。。
x、 innerHTML=''；
}
}

---

.

Cool..Thx很多..因此只需确认HTML代码中不需要任何内容。我在HTML中有一个空白div…因此它将保持原样，一切都将由JS本身控制..嘿..还有一件事…是否有必要将页面的DOCTYPE更改为DOCTYPE HTML，即指定HTML5？我尝试了上述代码，出于某种原因，它在iPad Safari上不起作用（表示“无法播放电影”，即使它实际上是一个mp3）…虽然它在桌面Safari上工作得非常完美..它在桌面Safari中添加了HTML5音频..很酷..Thx很多..所以只需确认HTML代码中不需要任何内容..即。我在HTML中有一个空白div…因此它将保持原样，一切都将由JS本身控制..嘿..还有一件事…是否有必要将页面的DOCTYPE更改为DOCTYPE HTML，即指定HTML5？我尝试了上述代码，出于某种原因，它在iPad Safari上不起作用（表示“无法播放电影”，即使它实际上是一个mp3）…虽然在桌面Safari上工作得非常完美..它在桌面Safari中添加了HTML5音频。。