Css覆蓋移動設備上的默認視頻播放按鈕

Question

在html5視頻播放器中，如何使用css覆蓋或浮動帶有可移動設備（如iPhone等）上的默認視頻播放按鈕前的可點擊鏈接的圖像？

Answer 1

您將需要使用媒體查詢來定位適合您要查看新按鈕的設備的屏幕寬度。在display: none;的媒體查詢中應用css作爲DEFAULT按鈕。爲新按鈕創建完全獨立的HTML，並在新媒體查詢下爲新按鈕創建display: block;。

那麼對於媒體查詢大於你的手機大小反向上面的屏幕，使默認按鈕display: block;和新display: none;