如何转换全屏HTML5视频？

Question

我能够使用这个CSS规则转换普通的非全屏视频元素：

transform: rotate(9deg) !important;

但是，当我将视频全屏显示时，规则会被用户代理CSS规则神奇地覆盖：

所以我猜我问的是，我是否可以以某种方式覆盖甚至用户代理规则？从它的外观来看，转换属性是过度驱动的，因为它是删除线，但视频不会旋转。

Answer 1

您是否尝试过指定css规则，类似于浏览器强制执行的规则？所以，看看上面粘贴的代码，可能是这样的：

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

我为范围输入做了一些类似的事情，我成功地覆盖了默认的浏览器样式。也许它也适用于此。

此外，我还做了一些类似的全屏调整。我想在全屏时删除控件，因为我实现了自己的控件。我刚刚使用它并且它起作用了：

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

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