Question

这是JWPlayer默认控制栏：

我们可以在JWPLayer中自定义控制栏，如下所示：

我的意思是颜色并删除/排列一些元素，如jw-text-elapsed，jw-text-duration ...

＆＃13;

var playerInstance = jwplayer("divplayer");	playerInstance.setup({
  file:'//video.radioradicale.it:1935/store-86/_definst_/mp4:2015/01/MQ781257.mp4/playlist.m3u8',
		width:544, height: 306,
});

＆＃13;

.jw-knob {
    background-color: #ee3137 !important;
}
.jw-text-elapsed, .jw-icon-rewind {
  display: none;
}

.jw-icon-playback {
    background-color: #ee3137 !important;
    border-radius: 999px;
}

＆＃13;

<title>JWPlayer 7 controlbar position</title>
  <script src="//ssl.p.jwpcdn.com/player/v/7.10.7/jwplayer.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>jwplayer.key="xxxxxxxxxxxxxxx";</script>
</head>
<body class="playerpage">
  <div id='divplayer'></div> 
</body>
</html>

＆＃13;

如上所述，我们如何减少彩色圆圈大小。以及我们如何将jw-text-elapsed和jw-text-duration并排放置在照片中（0.00 / 1.24）。

谢谢，肯

自定义JWplayer控制栏

0 个答案: