Vimeo Srt Jquery插件

Question

我试图使用这里找到的vimeo Srt Jquery插件向Vimeo视频添加字幕。

https://github.com/Yomguithereal/vimeo-srt

我可以让字幕发挥良好使用模板，但我希望一个下拉选择选择和更改您的字幕需要。我有下面的代码，但它看起来，一旦字幕初始化，它不会改变。有什么建议吗？

<div id="container">
<iframe id="vimeoplayer" video="68038551" width="690px" height="422px" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" src="http://player.vimeo.com/video/68038551?api=1&player_id=vimeoplayer" scrolling="no">      </iframe>
    </div>
    <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
    <script src="jquery.vimeo-srt.js"></script>
    <form class="pure-form pure-form-stacked">
<select name="subs" id="subs">
  <option selected="selected" value="0">Subtitles</option>
  <option value="EN">English</option>
  <option value="RU">Russian</option>
  <option value="TL">Tagalog</option>
  <option value="ZH">Chinese</option>
</select>
</form>

 <script type="text/javascript">
        $(document).ready(function(){
            var $player =$("#vimeoplayer");
            $player.vimeoSrt({srt : 'vgroup_env_comp.EN.srt'});

            $( "#subs").change(function () {

                if ($("#subs").val() == "0") {
                    $player.vimeoSrt({srt :''});   
                } else {
                    var pathtofile= "mysubtitles." + $( "#subs" ).val() + ".srt";
                    $player.vimeoSrt({srt : pathtofile});
                }
            });
        });


    </script>

Answer 1

我看到这个插件没有任何方法来改变substitles，所以它必须被修改。您可以使用以下代码创建一个名为“findSuitableStep”的新方法(例如，在"loadSrt“之后)：

,loadSrt: function (file) {
    var self = this;

    $.get(file, function (srt) {
        //Remove the current subtitles
        self._srt = [];

        //Set new subtitles
        self.parseSrt(srt);
    });
}

然后，您可以这样调用这个函数：$player.data('plugin_vimeoSrt')('loadSrt', 'subtitles.srt');

我没有检查代码，有些but是可以的，但我希望这对你有所帮助。