Videojs仅添加播放控件

Question

我正在使用Video.js我的网页播放视频.我想自定义播放器控件只播放按钮.

我的代码是

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">

<script src="http://vjs.zencdn.net/c/video.js"></script>

<video id="my_video_1" class="video-js vjs-default-skin" controls
                    preload="auto" width="320" height="240" poster="thumb.png"
                    data-setup="{}">
                    <source src="v1.mp4" type='video/mp4'>
                    </video>

任何人都可以指导玩家定制吗？

Answer 1

我能够做到这一点的方法是display: none;在我的页面的CSS中设置特定控件的css类.我的页面的CSS在视频-js.css被链接之后被链接.

/* Video.js Controls Style Overrides */
.vjs-default-skin .vjs-progress-control,
.vjs-default-skin .vjs-time-controls,
.vjs-default-skin .vjs-time-divider,
.vjs-default-skin .vjs-captions-button,
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-control,
.vjs-default-skin .vjs-fullscreen-control {
    display: none;  
}

如果在video-js.css被链接之后你无法链接你的页面的CSS,你可以使用display: none !important;而不应该这样做.虽然,我只会使用!重要作为最后的手段.

注意:上面的内容不会在播放后删除暂停按钮,也不会删除大播放按钮.删除它们时需要考虑更多UI.希望这将有助于一些人定制Video.js控制栏.