Stream Display Customization

Stream Display Customization

The CSS styling of the stream-container directly affects the Unreal Engine stream's display. Here's a short example, on how to customize it:

  • Width and Height: Set the dimensions of the stream. Use viewport units (vw, vh) for a responsive design that fits the browser window.

  • Position: Use position: relative; to layout any child elements like overlays.


#stream-container {
  width: 100vw;
  height: 100vh;
  position: relative;

Ensure the container's aspect ratio matches the Unreal Engine application to prevent display issues.

Last updated