JavaScript : embed-tag의 src 속성 변경

Question

다음과 같은 경우가 있습니다.

사용자에게 서버의 일부 오디오 파일을 보여줍니다. 사용자가 폴더를 클릭하면 onFileSelected는 결국 선택한 폴더와 파일로 실행됩니다. 함수가하는 일은 내장 된 객체에서 소스를 변경하는 것입니다. 따라서 어떤 방식으로 파일을 수락하고 사용자의 선택을 저장하기 전에 선택한 파일을 미리 보는 것입니다. A visual aid.

HTML

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

자바 스크립트

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

자,이 파이어 폭스에서 잘 작동하지만 사파리와 크롬은 단순히 관계없이 운영 체제의 소스를 변경하기를 거부.

jQuery는 객체 (jQuery.size()가 1을 반환 함)를 발견하면 코드를 실행하지만 HTML 코드는 변경하지 않습니다.

Safari가 <embed> 소스를 변경하지 못하게하는 이유는 무엇입니까? 이것을 피할 수있는 방법은 무엇입니까?

Answer 1

요소 embed 요소를 제거하고 새 src 매개 변수 세트를 사용하여이를 다시 입력해야합니다.

embed은 object과 유사하며 특수한 용도 (비디오, 오디오, 플래시, 액티브 X 등)로 인해 일부 브라우저에서는 일반 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"의 객체 만 검색합니다. 내가 "삽입"요소의 "SRC"-attribute을 변경하고자 할 때

Answer 3

나는 또한 같은 문제에 직면했다, 내가 한 그래서 뭐, 아래에 주어진다 :

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

, 그것은 그것을 빨리 해결해야하는 스타 제공 : http://code.google.com/p/chromium/issues/detail?id=69648