是否可以使全屏鏡像的<video>？

我使用了下面的CSS是否可以使全屏鏡像的<video>？

#video { 
    -webkit-transform: scaleX(-1); 
    transform: scaleX(-1); 
}

但是該CSS不會在全屏模式時，應用目前鏡像我的輸出。有沒有辦法在全屏模式下完成相同的鏡像？

我想在Chrome中完成此操作。

Demonstration Fiddle

來源

2015-08-30 Trevor

我不認爲這是可能的。 – SLaks

@SLaks很高興知道，謝謝。 – Trevor

有趣。 @SLaks你能解釋爲什麼不？全屏幕有什麼特別的地方，它不允許這樣的轉換？ –

每https://fullscreen.spec.whatwg.org/#user-agent-level-style-sheet-defaults不能覆蓋一個全屏元素的transform財產。但是，您可以做的是給視頻元素一個父元素，並全屏顯示該元素。通過這種方式，父元素可以獲得這些樣式，並且您可以使用全屏視頻元素進行所需的操作。

瀏覽器可能無法對其進行優化，但我不確定他們今天在多大程度上正在進行優化。

來源

2015-08-30 12:31:11 Anne

如果該元素沒有給用戶本地全屏顯示的可能性，那麼你如何「全屏顯示該元素」？你需要JavaScript嗎？ OP的例子根本不使用任何JavaScript;我不想得出結論，只能用JavaScript來做到這一點。你能創建一個例子嗎？ –

您必須使用JavaScript。 – Anne

謝謝Anne，我會在不久的將來嘗試一下，並相應地給出你的回答。 – Trevor

是否可以使全屏鏡像的<video>？

回答

相關問題