このページの例から進みます。字幕は、 のクラスを持つ独自の 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 とクラスが明らかに異なります。この他の例では、コンテナのクラスは.mejs-captions-layer
.
fireBug または別の開発者ツールを使用して字幕コンテナーを検査し、必要に応じて自由に移動することをお勧めします。