在播放器之外显示字幕

Question

我想在jwplayer之外显示字幕.我们可以在玩家皮肤上有一个单独的部门并且有字幕的单独位置吗？我不希望字幕显示在视频中,但我们希望字幕位于播放器外部的单独位置.是否可以使用JWplayer？(或任何球员)

我将使用JWplayer这样做,所以请告诉答案,记住这是紧急的.如果有任何代码或逻辑,或者我正在使用JWplayer,我会非常感激,但任何帮助都会非常明显.

Answer 1

从本页的示例开始。字幕被添加到其自己的 div 类中.videosubbar。因此，您只需为此添加自己的样式即可。

因此，对于上面的示例，我仅添加了简单的旧样式，以将字幕框移出视频帧。但我必须用来!important覆盖从 javascript 文件添加的内联样式。

例如

.videosubbar{
   bottom:-100px!important;
   // etc. 
}

或者，您也可以编辑插件的源代码来调整字幕的添加位置。

从这个 JS 文件开始。

定位笔是从下面的第 92 - 104 行添加的。

$VIDEOSUB(subcontainer).css({
   'position': 'absolute',
   'bottom': '34px',
   'width': (videowidth-50)+'px',
   'padding': '0 25px 0 25px',
   'textAlign': 'center',
   'backgroundColor': 'transparent',
   'color': '#ffffff',
   'fontFamily': 'Helvetica, Arial, sans-serif',
   'fontSize': fontsize+'px',
   'fontWeight': 'bold',
   'textShadow': '#000000 1px 1px 0px'
});

使用您发送给我的另一个链接，它与上面的方法相同，但是在不同的插件之间，字幕容器的 id 和 class 会明显不同。在另一个示例中，容器的类是.mejs-captions-layer。

我建议使用 fireBug 或其他开发人员工具来检查字幕容器并根据需要自由移动它。