JavaScript: изменение src-атрибута встраиваемого тега

Question

У меня есть следующий сценарий.

Я показываю пользователю некоторые аудиофайлы с сервера. Пользователь нажимает на один, а затем onFileSelected в конечном итоге выполняется как с выбранной папкой, так и с файлом. То, что делает функция, это изменение источника из встроенного объекта. Таким образом, это предварительный просмотр выбранного файла, прежде чем принимать его и сохранить выбор пользователя. A visual aid.

HTML

<embed src="/resources/audio/_webbook_0001/embed_test.mp3" type="audio/mpeg" id="audio_file"> 

JavaScript

function onFileSelected(file, directory) { 
    jQuery('embed#audio_file').attr('src', '/resources/audio/'+directory+'/'+file); 
}; 

Теперь, это отлично работает в Firefox, но Safari и Chrome просто отказываются изменить источник, независимо от операционной системы.

jQuery находит объект (jQuery.size() возвращает 1), он выполняет код, но без изменения кода HTML.

Почему Safari не позволяет мне изменить источник <embed> и как я могу обойти это?

Answer 1

Вы должны удалить элемент embed и повторно установить его с помощью нового набора параметров src.

embedobject и аналогичные - это два элемента, которые благодаря своим особым потребностям (видео, аудио, flash, activex, ...) в некоторых браузерах обрабатываются иначе, чем обычный элемент DOM. Таким образом, изменение атрибута src может не вызвать ожидаемое действие.

Лучше всего удалить существующий объект embed, а затем снова вставить его. Если вы пишете какую-то функцию обертку с атрибутом SRC в качестве параметра это должно быть легко

Answer 2

JQuery следует CSS-эск декларации:

Вместо того чтобы делать

function onFileSelected(file, directory) { 
    jQuery('embed#audio_file').attr('src', '/resources/audio/'+directory+'/'+file); 
}; 

Скорее сделать

function onFileSelected(file, directory) { 
    jQuery('#audio_file').attr('src', '/resources/audio/'+directory+'/'+file); 
}; 

Таким образом, jQuery извлекает только объект id = "audio_file".

Answer 3

Я был также сталкивается же проблема, когда я хочу, чтобы изменить «Src» элемента атрибута по «Встроить», так что я сделал, приводится ниже:

var parent = $('embed#audio_file').parent(); 
var newElement = "<embed src='new src' id='audio_file'>"; 

$('embed#audio_file').remove(); 
parent.append(newElement); 

И это будет нормально работать в моем приложении ,

Вывод: - Вам нужно сначала удалить элемент embed, а затем вам нужно вставить его с изменением в src.

Answer 4

Существует ошибка в Chrome, дайте ему звезду, чтобы иметь это фиксированное раньше: http://code.google.com/p/chromium/issues/detail?id=69648