我正在编写一个基本的视频选框,其中一个关键要求是视频需要能够在保持播放器全屏的同时前进.
使用Video.js(4.1.0)我已经能够正常工作,除了我切换到另一个视频时无法更改字幕.
在首次创建播放器HTML时插入"track"标签或在播放器初始化时向"options"对象添加轨道是我可以让玩家显示"CC"按钮并显示字幕的唯一方法.但是,我无法在全屏时重新初始化播放器,因此以这种方式更改曲目将无法正常工作.
我已经尝试过addTextTrack和addTextTracks,并且都显示已经添加了轨道 - 使用类似console.log(videoObject.textTracks())的东西 - 但是播放器从不显示它们或"CC"按钮.
这是我的代码,非常感谢任何帮助:
;(function(window,undefined) {
// VIDEOS OBJECT
var videos = [
{"volume":"70","title":"TEST 1","url":"test1.mp4","type":"mp4"},
{"volume":"80","title":"TEST 2","url":"test2.mp4","type":"mp4"},
{"volume":"90","title":"TEST 3","url":"test3.mp4","type":"mp4"}
];
// CONSTANTS
var VIDEO_BOX_ID = "jbunow_marquee_video_box", NAV_TEXT_ID = "jbunow_marquee_nav_text", NAV_ARROWS_ID = "jbunow_marquee_nav_arrows", VIDEO_OBJ_ID = "jbunow_marquee_video", NAV_PREV_ID = "jbunow_nav_prev", NAV_NEXT_ID = "jbunow_nav_next";
// GLOBAL VARIABLS
var videoObject;
var currentTrack = 0;
var videoObjectCreated = false;
var controlBarHideTimeout;
jQuery(document).ready(function(){
// CREATE NAV ARROWS AND LISTENERS, THEN START MARQUEE
var navArrowsHtml = "<div id='" + NAV_PREV_ID + "' …Run Code Online (Sandbox Code Playgroud)