1

我正在为我的视频使用 JWplayer

我的播放器设计将隐藏具有我自己的控制权的 jwplayer 控制栏，而不是在视频下方，我需要在视频上添加字幕，这样视频的视图就不会被隐藏。

使用检查元素，我得到了标题 ID 和 CLASS（my-video_div_caption/ jwcaptions）

比它只反映在 HTML5 而不是 Flash

如果覆盖 css，它只会反映在 HTML5 中而不是 flash（在播放器之外显示字幕）

现在，如果我使用 JWplayer api（这将有助于在 HTML5 和 Flash 中工作的功能）

function getCurrentCaptions1() {
    $("#Caption_track").html("The current captions track is: " + jwplayer().getCurrentCaptions());
 };
function getCaptionsList1() {
    var levels = jwplayer().getCaptionsList();
    var text = "The list of captions tracks is: ";
    if(levels) { 
        for (var i=0; i < levels.length; i++) { 
            text += levels[i].label +", ";
        }
    } else { text += "-  "; }
    appendLog(text.substr(0,text.length-2));
};
function setCurrentCaptions1() {
    var level = prompt("Set the captions track","1");
    if(level != undefined) {
        jwplayer().setCurrentCaptions(level);
    }
};

jwplayer().onCaptionsList(function captionsList(event) {
    console.log(event);
    var text = "List of captions tracks changed to: ";
    for (var i=0; i < event.tracks.length; i++) { 
        text += event.tracks[i].label +", ";
    }
    appendLog(text.substr(0,text.length-2));
});
jwplayer().onCaptionsChange(function captionsChange(event) {
    appendLog("Current captions track changed to: "+event.track);
});

function appendLog(text) {
    var log = document.getElementById("log");
    var inner = log.innerHTML;
    log.innerHTML = inner + text + "<br/>";
};

使用上述代码我只能找到以下内容 1. 当前字幕轨道 2. 字幕轨道列表 3. 设置当前字幕轨道

但我的要求是在 HTML5 和 flash 中的视频下方（如果可能的话，在我自己的部门中）有标题

帮帮我，我不明白如何使用 JWplayer 的 javascript API 来做到这一点。或使用 jquery 或使用 java 脚本或使用任何东西.....

谢谢你的帮助真的很感谢堆栈溢出的所有天才......谢谢大家

我只是这里的初学者，但我很喜欢谢谢大家:)

最佳-Hitesh

PS（以前我问了一个问题，直到现在我还没有得到答案， 如果可能的话，如何动态地为字幕创建 webvtt 文件，请回答这个问题......谢谢 :)）

4

0 回答 0