html5 隱藏video控件的下載按鈕

大家在寫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>

直接複製就可以使用