大家在写html video控件播放视频功能的时候,总是遇到既要显示播放按钮 又不想出现下载按钮
controls 是video里面的属性 但是他不能满足上面的要求 因为加上这个属性后 全部的按钮都去掉了,包括了播放按钮。
其实要做到这种效果也是很简单的只要加上一些style样式就可以了:
<style type="text/css">
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
</style>
直接复制就可以使用