Question

我正在使用JWplayer播放我的视频

我的播放器设计将隐藏具有我自己控制权的jwplayer控制栏，而不是视频下方我需要在视频上方设置标题，以便不隐藏视频视图。

使用inspect元素我得到了标题ID和CLASS（my-video_div_caption / jwcaptions）如果我尝试以某种方式使用jquery读取标题来听取div中的更改并采取相应的行动（如Listen to changes within a DIV and act accordingly）

仅反映在HTML5中而不是闪存中

如果覆盖css，它只反映在HTML5而不是flash（show subtitle outside of player）

中

现在，如果我使用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/>";
};

使用Above Code我只能找到以下内容 1.当前字幕跟踪 2.字幕轨道列表 3.设置当前字幕轨道

但我的要求是在HTML5和flash中的视频下面（如果可能，在我自己的部门中）将我自己的部门中的标题设置为

帮助我，我无法理解如何使用JWplayer的javascript API。或使用jquery或使用java脚本或使用任何东西.....

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

我只是初学者，但我喜欢它谢谢你们：）

最佳

-Hitesh

P.S。（之前我问了一个问题，到目前为止我还没有得到答案 how to Create webvtt file for subtitle dynamically 如果有可能请回答这个问题...谢谢:)）

如何在自己的部门中显示jwplayer视频标题

0 个答案: