如何将视频/音频对象添加到DOM？

Question

我在页面的 Javascript 代码中创建了一个新的 HTML5 Audio() 对象。我想将此音频对象放置在表格单元格内。

typeof() 告诉我 Audio() 给了我一个对象，因此表单元格 jquery 对象上的 .append() 不起作用。

我想将对象放入页面并显示其控件，以便用户可以与其交互 - 是否可以在不实际编写

<audio src...></audio>

HTML 的情况下实现？

Answer 1

在 jQuery 中，使用 html 语法：

td.append("<audio>");

尖括号告诉 jQuery 创建一个新元素。我不确定 jQuery 在幕后使用什么方法（无论是 innerHTML 还是 doc.createElement()），但非 jQuery 方法是：

var audioElement = td.appendChild(document.createElement("audio"));

使用 < code>new Audio() 语法，非 jQuery 代码类似：

var audioElement = td.appendChild(new Audio);

编辑： 我刚刚测试过，jQuery 在 Chrome 中似乎没有问题：

td.append(new Audio());

这是一个 jQuery 演示： <一href="http://jsfiddle.net/gilly3/WRqyM/1" rel="nofollow">http://jsfiddle.net/gilly3/WRqyM/1

更新：IE9 似乎没有去工作。 :-( 除非 audio 有 src，否则 IE9 不会显示。我已经更新了 jsfiddle。