2017-05-10 2 views
1

J'utilise JWPlayer pour jouer mes vidéos. Y at-il de toute façon à séparer la barre de commandes de contenu vidéo comme ci-dessous la conception:barre de commandes séparée de la zone de contenu vidéo dans JWPlayer

enter image description here

Ou tout façons d'ajouter une marge/padding pour créer cet espace blanc. J'ai essayé d'inspecter cet objet pour changer css, mais peut-être qu'il est un bloc enter image description here

Merci, Ken

+0

pouvez-vous s'il vous plaît partager l'exemple de travail si possible .. –

Répondre

1

Le controlbar restent à l'intérieur du joueur div, mais nous pouvons changer la largeur et la hauteur de chaque élément à l'intérieur du div.

Ceci est un premier exemple: 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 
}); 

autre s olution est de construire une coutume controlbar utilisant l'API JS, vous pouvez donc utiliser que controlbar où vous voulez

+0

Merci. J'ai essayé une autre façon simple, que l'utilisation d'un vide div avec fond blanc pour insérer cette position. :RÉ – Ken