HTML5 <audio>在Chrome Mac / Win和Safari Mac / Win </audio>上有不同的行为

时间:2011-03-28 13:58:28

标签: windows google-chrome safari html5-audio

我正在向页面中插入<audio>标记。这适用于Mac上的Chrome和Safari,但在Windows中的Chrome和Safari上都插入了标记,但音频从未播放。我已经将代码删除到最低限度,现在它变得非常简单。我不知道为什么Windows很难。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>
            test
        </title>
        <script type="application/x-javascript" src="js/jquery-1.4.2.min.js" charset="utf-8"></script>
    </head>
    <body>
        <script type="application/x-javascript">
        $('body').html('<audio src="./audio/myfile.mp3" autoplay></audio>');
        </script>
    </body>
</html>

有趣的是,如果我删除所有JS并将<audio>标记插入<body>,则Chrome Win可以正常工作,但Safari Win仍然没有。这是一个次要问题,但Safari Win是否需要QuickTime(当前未安装)才能使用<audio>标记?

1 个答案:

答案 0 :(得分:1)

  

Safari Win是否需要QuickTime(当前未安装)才能使用标记

是的。