2017-05-10 9 views
1

내 비디오를 재생할 때 JWPlayer를 사용하고 있습니다. 어쨌든 디자인 아래와 같이 비디오 콘텐츠의 컨트롤 막대가 분리하는 것입니다 :이 공백을 만들 수있는 여백/패딩을 추가JWPlayer의 비디오 콘텐츠 영역에서 컨트롤 막대를 분리하십시오.

enter image description here

또는 어떤 방법을. 나는 CSS를 변경하려면 해당 개체를 검사하려하지만 어쩌면 그것은 켄

+0

가능하면 작업 예제를 공유 할 수 있습니까? –

답변

1

컨트롤 막대 플레이어 div의 내부에 남아있는 블록 enter image description here

감사합니다,하지만 우리는 폭을 변경하고 사업부 내 각 요소의 높이를 할 수 있습니다.

이 제 1 예이다 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를 사용하여 사용자 정의 컨트롤 막대를 빌드하는 것이므로 원하는 컨트롤 막대를 사용할 수 있습니다.

+0

감사합니다. 나는 흰 배경으로 빈 div를 사용하여 그 위치를 삽입하는 또 다른 간단한 방법을 시도했다. :디 – Ken