如何在html5视频播放器中隐藏进度条

时间:2017-02-19 09:21:43

标签: html css html5 css3

这是我的代码:

<video width="720" height="576" controls autoplay>
    <source src="http://test.com/test.mp4"  type="video/mp4" />
</video>

我使用html5播放器在线播放mp4,但我需要通过css或其他人隐藏处理栏。

这是我的css代码:

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

谢谢

0 个答案:

没有答案