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

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

,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');

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

Vimeo Srt Jquery插件

1 个答案: