HopeVideoJS

PLAYBACK

Loop Section

Loop a selected portion of the video or predefined last N seconds. Accessible from the settings menu or as a standalone control bar button.

Configuration
Loop Controls
Active loop range: Inactive

Kontrol butonları oynatıcı yüklendikten sonra aktif olur. Orta fare tuşu ile progress bar'a tıklayarak da A/B noktası belirleyebilirsiniz.

Kontrol çubuğundaki LOOP butonuna tıklayarak döngü modunu seçin. Döngü aktifken sağ üstte aralık ve süre bilgisi görünür.

How It Works

Bağımsız Buton (A/B + Son N sn)

{
  "loopSection": {
    "button": true,
    "seconds": 10  // Son N sn için varsayılan
  }
}

// Kontrol çubuğunda LOOP butonu çıkar.
// Menü seçenekleri:
// • Son N saniye  — hızlı döngü
// • A noktası koy — başlangıç
// • B noktası koy — bitiş → döngü başlar
// • Döngüyü kapat — devre dışı

Orta Fare Tuşu ile A/B

// Progress bar üzerinde orta tuş:
//
// 1. Tıklama → A noktası (başlangıç)
//    Progress bar'da turuncu marker
//
// 2. Tıklama → B noktası (bitiş)
//    Kırmızı marker + döngü başlar
//
// 3. Tıklama → Döngü iptal
//
// Oynatıcı sağ üstünde aktif aralık
// ve süre bilgisi gösterilir.

Progress Bar Marker

A noktası turuncu, B noktası kırmızı marker ile gösterilir. İkisi de ayarlandığında döngü otomatik başlar.

JSON ConfigApplied
{
  "id": "hope-video-loop-demo",
  "muted": true,
  "autoplay": true,
  "poster": "https://www.umutyaldiz.com/cover-16x9.jpg",
  "media": {
    "mp4": [
      {
        "src": "/hopevideojs/13007871_640_360_24fps.mp4",
        "type": "video/mp4",
        "label": "360p"
      }
    ]
  },
  "loopSection": {
    "button": true,
    "seconds": 10
  }
}
Event Logs