JWPlayerのビデオコンテンツエリアからコントロールバーを分離します

私はJWPlayerを使ってビデオを再生しています。JWPlayerのビデオコンテンツエリアからコントロールバーを分離します

それともこのホワイトスペースを作成するために、マージン/パディングを追加するための任意の方法：設計以下のように映像コンテンツからコントロールバーを分離するためにとにかくがあります。私はCSSを変更するには、そのオブジェクトを検査しようとしたが、多分それはブロックだ

おかげで、ケン

出典

2017-05-10 Ken

可能であれば、実際の例を共有してください。 –

コントロールバーがプレーヤーのdivの内部に残るが、私たちはdiv要素内の各要素の幅と高さを変更することができます。

これは最初の例である： http://codepen.io/fdambrosio/pen/rmJGrq

HTML：

<body class="playerpage"> 
    <div id='divplayer'></div> 
</body>

CSS：

.playerpage #divplayer { 
    background-color: white; 
} 
.playerpage video.jw-video { 
    width: 400px ; 
    height: 200px ; 
} 
.playerpage .jw-controlbar { 
    width: 450px ; 
    left: 50px ; 
}

JS：

var playerInstance = jwplayer("divplayer"); 
playerInstance.setup({ 
file:'//video...', 
width: 544, 
height: 306 
});

別のolutionは、JS APIを使用してカスタムコントロールバーを構築することですので、そのコントロールバーを使用することができます。

出典

2017-05-10 09:42:38 Francesco

ありがとうございます。私は白い背景を持つ空のdivを使ってその位置を挿入するという別の簡単な方法を試しました。：D – Ken

JWPlayerのビデオコンテンツエリアからコントロールバーを分​​離します

答えて

関連する問題

JWPlayerのビデオコンテンツエリアからコントロールバーを分離します