jQuery로 html5 비디오의 소스를 변경하는 방법

Question

나는 html5 비디오 스트리밍을 가지고 있으며 일부 클릭 동작 후에 소스 *를 변경해야합니다. 그래서 내가하는 일은 html로만 가능하지만 소스 변경은 볼 수 있지만 디스플레이에는 변화가 없습니다. 저를 도울 수 있습니까? 뭐가 잘못 되었 니? * 원본에서 XML 파일을 추가하고 있습니다. HTML

<video autoplay loop width="960" height="540" id="video"> 
    <source src="video/movie_01.mp4" id="tv_main_channel"> 
</video> 

JS

btn.on('click', function(){ 
    var tv_main_channel = $('#tv_main_channel'), 
     d_program_source_mp4 = $(program_self).find("program_source_mp4").text(); 

    tv_main_channel.attr('src', d_program_source_mp4); 
} 

은 내가 append와 그것을 시도하지만 여전히 도움을

var video_block = $('#video'); 

video_block.empty(); 
video_block.append(
    '<source src="'+ d_program_source_mp4 +'">' 
); 

들으 작동하지.

Answer 1

그것은 간단합니다, 그냥 이렇게 : http://jsfiddle.net/qGbzb/2/

동적 그럼 당신도의 변화를 볼 수는

var video_block = $('#video'); 
video_block.load(); 

을 실행하는 데 필요한 비디오를로드하려면 :

btn.on("click", function(){ 
    var src = "new_video_src.mp4"; 
    $("#video").find("#tv_main_channel").attr("src", src) 
}) 

Answer 2

이 바이올린을 참조하십시오 디스플레이뿐만 아니라,뿐만 아니라 html로.

Answer 3

당신은 클릭 이벤트에 다음과 같이 사용할 수 있습니다

var src = "new_video_src.mp4"; 
    $("#tv_main_channel").src=src; 

이 실제