Windows HTML5<;音频>;Chrome Mac/Win和Safari Mac/Win上的不同行为

Windows HTML5<;音频>;Chrome Mac/Win和Safari Mac/Win上的不同行为,windows,google-chrome,safari,html5-audio,Windows,Google Chrome,Safari,Html5 Audio,我正在将标记插入页面。这在Mac上的Chrome和Safari上运行良好,但在Windows中的Chrome和Safari上都插入了标签,但音频永远不会播放。我已经把代码精简到了最低限度,现在它简单得可笑。我只是不知道为什么Windows如此困难 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf

我正在将
标记插入页面。这在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>

测试
$('body').html(“”);
有趣的是,如果我删除所有的JS,只需将
标记插入
,Chrome Win可以工作,但Safari Win仍然不能。这是第二个问题,但是Safari Win是否需要QuickTime(当前未安装)才能使用
标记

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

是的

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


是的,它解决了一半的问题。另一半(Chrome)是我在插入
对象后通过调用.play()解决的。这有点道理。当标签被脚本插入时,它可以很容易地由脚本启动。目前,协同自动播放行为没有任何问题,我建议您创建一个,这样您就可以确保这确实是一个小故障。@dosboy我从来不知道HTML5依赖于工作组件的脚本。。。我想知道这将如何影响一些没有脚本的未知位置,如果它存在的话。@Cawas我们正在讨论脚本插入的元素。此时,您可以安全地假设脚本已启用。@Cawas他们具有
controls
属性,因此从理论上讲,您无需脚本即可访问多媒体功能。所以你的怪异设备开了绿灯:)这解决了一半的问题。另一半(Chrome)是我在插入
对象后通过调用.play()解决的。这有点道理。当标签被脚本插入时,它可以很容易地由脚本启动。目前,协同自动播放行为没有任何问题,我建议您创建一个,这样您就可以确保这确实是一个小故障。@dosboy我从来不知道HTML5依赖于工作组件的脚本。。。我想知道这将如何影响一些没有脚本的未知位置,如果它存在的话。@Cawas我们正在讨论脚本插入的元素。此时,您可以安全地假设脚本已启用。@Cawas他们具有
controls
属性,因此从理论上讲,您无需脚本即可访问多媒体功能。因此,您的怪异设备亮起了绿灯:)