Building a watch page

A watch page is the layout every streaming service uses for playback: the player fills the window, content starts immediately, and the chrome floats on top. With OGPlayer it’s a styling exercise — the player already behaves correctly.

// A full-screen Composable: the player IS the screen.
Box(Modifier.fillMaxSize()) {
    OGPlayerView(
        player = player,
        modifier = Modifier.fillMaxSize(),
        fullscreenHandler = ActivityFullscreenHandler(activity),
    )
}

OGPlayerView(player: player, isFullscreen: $isFullscreen)
    .ignoresSafeArea()

<style>
  body { margin: 0; background: #000; }
  og-player { position: fixed; inset: 0; }
</style>
<og-player></og-player>

Load with autoplay (the default) and a title — the SDK shows the title at content start and fades it, streaming-service style.