如何轉換全屏HTML5視頻？

Question

我可以使用以下CSS規則轉換正常的非全屏視頻元素：

transform: rotate(9deg) !important;

但是，當我將視頻全屏顯示時，該規則會被用戶代理CSS規則神奇地覆蓋：

所以我想我要問的是我是否可以以某種方式甚至覆蓋用戶代理規則？ 從外觀上看，transform屬性因其刪除線而被過度驅動，但視頻不會旋轉。

Answer 1

您是否嘗試指定了CSS規則，類似於瀏覽器強制執行的規則？ 因此，查看上面粘貼的代碼，也許是這樣的：

video:-webkit-full-scren {
    transform: rotate(9deg) !important;
}

我為范圍輸入做了一些類似的工作，並且成功覆蓋了默認的瀏覽器樣式。 也許它在這里也可以。

此外，我還做了一些類似的全屏調整。 我想在全屏模式下刪除控件，因為我實現了自己的控件。 我只是用這個，它的工作原理是：

video::-webkit-media-controls {
    display: none !important;
}

::-webkit-media-controls {
    display:none !important;
}