jquery를 사용하여 비디오 URL을 업데이트하는 방법은 간단합니까?

Question

나는이 HTML을

.. 페이지에서

<video id="task2ResultVideo" autobuffer poster="img/task2-results-host-poster.jpg"> 
    <source src="Video/webm/Task_2.4a_Host_treated.webm" type="video/webm" /> 
    <source src="Video/ogv/Task_2.4a_Host_treated.theora.ogv" type="video/ogg" /> 
    <source src="Video/MP4/Task_2.4a_Host_treated.mp4" type="video/mp4" /> 
</video> 

, 어떤 점, 버튼의 사용자가 클릭 내가 클릭 어떤 사용자 옵션에 따라 비디오를 변경해야하는 경우. (사용자 핥아 내가 task2Video[username]을 생성하는 동안 선언 아래를 참조하십시오.)

내 비디오 재고 : 위의 이름을 사용

var task2Video = { 
    jonkimpaulo : "Task_2.4a_Host_treated", 
    jonpaulokim : "Task_2.4a_Host_treated", 
    kimjonpaulo : "Task_2.5a_Host_treated", 
    kimpaulojon : "Task_2.5a_Host_treated", 
    paulokimjon : "Task_2.6a_Host_treated", 
    paulojonkim : "Task_2.6a_Host_treated" 
} 

, 내가 형식의 3 개 종류를 대체 할 수 있습니까? 다음과 같이 사용 :

task2Video[task2Video] ... 좋아요?

// TODO implement yourself according to your needs 
var nextvideo = task2Video.paulokimjon; 

// iterate thru all video sources 
$('video source').each(function() { 

    // remember the suffix 
    var suffix = $(this).attr('src').split('.').pop(); 

    // update src (using new value, appending suffix) 
    $(this).attr('src', nextvideo + '.' + suffix); 

}); 

이 DEMO를 참조하십시오처럼 당신이 특정 파일 확장자를 유지하려는 Assumming

Answer 1

, 스크립트가 보일 수 있습니다.