HopeVideo JS - Player Settings Demo

Settings Panel

This page lets you edit the player’s settings block and instantly re-mount players. All labels/tooltips are in English.

Player Flags

Player ID?Unique identifier. Used by your registry/integration. Keep it stable unless you want a brand-new instance.Muted?If true, video starts muted. Often required for autoplay to work on browsers.Autoplay?If true, the player attempts autoplay. Depending on browser policies it may require muted=true.Ads?Toggles ad flow for the demo (if your HopeVideo component supports it).

Player Settings

Ambient?Enables ambient effect (usually a blurred backdrop / glow). Implementation depends on your player.Zoom?Enables zoom interaction (e.g., click-to-zoom / pinch). Implementation depends on your player.Cinema Mode?Toggles cinema mode (dim the page, focus the player). Implementation depends on your player.

QR Track?A small block shown to help users continue from where they left off. Shape: settings.qrtrack.{enabled,bg,txt}

Enabled

Background Image (bg)?Path or URL for the QR track background image. Example: /cover.jpgText (txt)?Copy shown inside the QR track UI. Keep it short.

Live JSON Preview

{
  "id": "hope-video-settings-demo",
  "muted": true,
  "autoplay": true,
  "ads": false,
  "settings": {
    "ambient": true,
    "zoom": true,
    "qrtrack": {
      "enabled": true,
      "bg": "/cover.jpg",
      "txt": "You can continue where you left off."
    },
    "cinema": true
  }
}

Demo Content

Scroll the page and change settings to validate behavior. The players re-mount on Apply, so settings are guaranteed to propagate.