Cloudflare R2 & Pages

Video Player
untuk Websitemu

Custom video player modern yang di-host di Cloudflare Pages, streaming dari R2 bucket, dan siap embed di website mana pun via iframe.

Buka Player Cara Embed →

Fitur

Semua yang kamu butuhkan

Player lengkap, ringan, tanpa dependency eksternal — hanya HTML, CSS, dan JavaScript murni.

Picture-in-Picture

Tonton video sambil browsing halaman lain dengan satu klik tombol PiP.

Fullscreen + Auto Rotate

Layar penuh dengan auto-rotate landscape di perangkat mobile secara otomatis.

Thumbnail Preview

Preview frame saat hover di seekbar. Thumbnail poster dari URL parameter.

Skip ±10 Detik

Tombol mundur dan maju 10 detik untuk navigasi video yang cepat dan mudah.

Kecepatan Putar

Atur kecepatan 0.25× hingga 2× langsung dari panel pengaturan.

Waktu Toggle

Klik tampilan waktu untuk beralih antara waktu berjalan dan sisa waktu video.

Cara Pakai

Embed dalam satu baris

Salin kode iframe di bawah ini dan tempelkan ke website Anda. Atur parameter sesuai kebutuhan.

iframe Dasar

Dengan Poster

Custom Domain

<!-- Embed Player di website Anda -->
<iframe
  src="https://player.namadomain.com/player.html
    ?src=https://cdn.namadomain.com/video.mp4
    &poster=https://cdn.namadomain.com/thumbnail.jpg"
  width="100%"
  style="aspect-ratio:16/9; border:none; border-radius:8px;"
  allowfullscreen
  allow="autoplay; picture-in-picture; fullscreen"
></iframe>

Referensi

Parameter URL

Semua parameter dikirim melalui query string pada URL iframe.

Parameter	Contoh Nilai	Keterangan
src WAJIB	https://cdn.domain.com/video.mp4	URL langsung file video MP4 dari R2
poster OPSIONAL	https://cdn.domain.com/thumb.jpg	URL gambar thumbnail sebelum video diputar
domain OPSIONAL	cdn.namadomain.com	Ganti host URL R2 dengan custom domain Anda
autoplay OPSIONAL	1	Set `1` untuk auto-play saat halaman dimuat