html5-video - HTML5ビデオプレーヤーに動的字幕をロードする方法

Question

動的字幕付きの html5 ビデオ再生について助けが必要です

ここにhtmlがあります

ビデオhtml

<video 
   width="998" 
   height="545" 
   id="videoplayer" 
   controls 
   src="zzz_f817951280x720.m4v" type="video/mp4">
         <track id="subtitleid" srclang="en" default="" label="ინგლისური"></track>
</video>

字幕チェンジャーhtml

<ul>
   <li><a href="0" class="subtitle_clicker selected">off</a></li>
   <li><a class="subtitle_clicker" id="s15"
            href="Uploads/Subtitles/test_a1ee4c.srt">rus</a></li>
   <li>∙&lt;a class="subtitle_clicker" id="s16"
            href="Uploads/Subtitles/test_797ed1.srt">eng</a></li>                                    
</ul>

とjs

$(document).ready(function () {

 $('.subtitle_clicker').live('click', function (e) {
        e.preventDefault();
        SubtitleChager($(this));
    });
});

function SubtitleChager(_this) {
    if ($('.x-player .player-view video').attr("width")) {
        $('.subtitle_clicker.selected').removeClass('selected');
        $('#subtitleid').removeAttr('src');
        if (_this.attr("href") == '0') {
            $('#subtitleid').removeAttr('src');
        }
        else {
            $('#subtitleid').attr('src', _this.attr("href"));
        }
        $(_this).addClass('selected');
    }
}

字幕を変更しようとしているときは、attr src の sustitle url を変更しているだけで、これら 2 つの字幕が互いに重なっています。

では、古い字幕を削除して新しい字幕を挿入する方法は?? 助けてください