Skip to content

Latest commit

 

History

History
19 lines (14 loc) · 977 Bytes

videoCSS.md

File metadata and controls

19 lines (14 loc) · 977 Bytes
Raw

<video> CSS

The plugin places a native UIView on top of all those HTML <video> elements in which a WebRTC MediaStream has been attached.

The plugin inspects the CSS properties of the <video> element and uses them to make the video UIView behave similary.

Supported CSS properties are:

  • display
  • opacity
  • visibility
  • padding
  • z-index: Useful to place a video on top of another video.
  • object-fit
  • -webkit-transform: scaleX(-1): Useful for horizontal mirror effect.

Note: if the specified z-index is < 0 (that, is, the video elements will be positioned "behind" the web view), you should specify the <body> background-color as transparent so the video element will be seen through the web view. This makes it possible to position HTML elements on top of the native video elements.