使用javascript显示字幕

Question

我目前正在使用jquery.srt.js来显示我的一些视频的字幕。

我想要完成的是在网页中显示字幕的全部文本文件。

这就是我在html文档中的内容。如何获得'data-srt‘(本地文件)内容？

谢谢

<div id='srt'
     class="srt"
     data-video="video"
     data-srt="sample.srt" />

</div>

编辑

    $(function()
    {
        $.get($("#srt").data("srt"), function(text) {
            alert(text);
        });
    });

</script>

我尝试了上面的版本，但是它没有显示字幕文本，而是给了我：

对象XMLDocument

Answer 1

我看到您使用的是W3C DOM方法，但是您的文件表明您使用的是jQuery。因此，使用jQuery可以缩短以下内容：

$.get($("#srt").data("srt"), function(text){
  alert(text); // Show the subtitles from the text file.
});

享受吧！

Answer 2

我假设sample.srt是位于the服务器上的文本文件？您可以尝试对文本文件执行ajax调用，并使用javascript显示html元素的响应文本。使用jQuery执行AJAX调用：

$.ajax(
{
   url: $("#srt").attr("data-srt"),
   success: function(responseText)
   {
       alert(responseText);
   }
});