Как я могу добавить видео / аудио объект в DOM?

Question

Я создаю новый объект HTML5 Audio () в коде Javascript на моей странице.Я хочу поместить этот аудиообъект в ячейку таблицы.

typeof () говорит мне, что Audio () дает мне объект, и поэтому .append () в объекте jquery ячейки таблицы не работает.

Я бы хотел поместить объект на страницу и показать его элементы управления, чтобы пользователь мог с ним взаимодействовать - возможно ли это без написания

<audio src...></audio>

HTML?

Answer 1

Как вы делаете это в jQuery, вы используете синтаксис html:

td.append("<audio>");

Угловые скобки сообщают jQuery о создании нового элемента. Я не уверен, какой метод jQuery использует за кулисами (innerHTML или doc.createElement()), но подход без jQuery был бы:

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

Чтобы использовать синтаксис new Audio(), код не-jQuery аналогичен:

var audioElement = td.appendChild(new Audio);

Редактировать: Я только что протестировал, и у jQuery, похоже, нет проблем с этим в Chrome:

td.append(new Audio());

Вот демонстрационная версия jQuery: http://jsfiddle.net/gilly3/WRqyM/1

Обновление: IE9, похоже, не работает. : - ( IE9 просто не появляется, если audio не имеет src. Я обновил jsfiddle.