All Products
Search

This Product

    ApsaraVideo VOD:Konfigurasikan akses lintas asal

    Document Center

    ApsaraVideo VOD:Konfigurasikan akses lintas asal

    Last Updated:Jun 11, 2026

    Jika Anda menerima error Access-Control-Allow-Origin saat memutar video FLV atau M3U8 di pemutar web, aktifkan CORS untuk domain pemutaran.

    Pesan error

    Anda mungkin melihat error berikut:

    No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 
Origin ‘http://localhost:9030‘ is therefore not allowed access.

    Solusi

    Skenario 1: Domain terakselerasi di ApsaraVideo VOD

    Jika video Anda dihosting di ApsaraVideo VOD dengan domain yang dipercepat CDN, tambahkan header respons HTTP untuk mengizinkan permintaan lintas asal.

    1. Login ke ApsaraVideo VOD console.

    2. Pada panel navigasi kiri, di bawah Configuration Management, pilih CDN Configuration > Domain Names.

    3. Temukan nama domain yang ingin Anda konfigurasi dan klik Configure pada kolom Actions.

    4. Pada panel navigasi kiri, klik Cache. Pada tab Custom HTTP Response Header, klik Add.

    5. Pilih Access-Control-Allow-Origin sebagai header respons.

      Atur Response Header Action ke Add dan Response Header Value ke *. Untuk Allow Duplicates, pilih Not Allowed. Pastikan Cross-Origin Verification dinonaktifkan, lalu klik OK.

    6. Masukkan nilai header respons dan klik OK.

      Catatan

      • Atur nilainya ke * untuk mengizinkan permintaan dari origin apa pun.

      • Jika nilainya bukan *, tentukan satu atau beberapa alamat IP atau nama domain, dipisahkan dengan koma (,).

      • Jika nilainya bukan *, harus menyertakan awalan http:// atau https://.

      • Nomor port didukung dalam nilai tersebut.

      • Nama domain wildcard didukung.

    7. Klik Add, pilih Access-Control-Allow-Methods, dan atur nilainya ke POST atau GET. Pisahkan beberapa metode dengan koma (,).

    Catatan

    Jika URL segmen TS menggunakan domain yang berbeda dari URL M3U8, Anda juga harus mengonfigurasi CORS untuk domain segmen TS tersebut.

    Skenario 2: Domain kustom di OSS

    Untuk mengakses resource OSS langsung dari pemutar, aktifkan CORS untuk bucket tersebut. Untuk langkah-langkah detailnya, lihat Set up cross-origin resource sharing.

    Buat aturan CORS dengan pengaturan berikut:

    • Source: *.

    • Allowed Methods: Pilih GET, POST, PUT, DELETE, dan HEAD.

    • Allowed Headers: *.

    • Exposed Headers: ETag.

    Penting

    Pastikan aturan ini merupakan aturan pertama dalam daftar aturan CORS Anda.

    Atur Max Age (Seconds) ke 0 dan biarkan kotak centang Return Vary: Origin tidak dicentang.

    Verifikasi konfigurasi

    Verifikasi konfigurasi CORS Anda:

    1. Buka developer tools browser Anda (F12).

    2. Buka tab Network.

    3. Kunjungi halaman yang melakukan permintaan lintas asal.

    4. Temukan dan klik permintaan video Anda dalam daftar permintaan jaringan.

    5. Periksa bagian Response Headers dan pastikan header Access-Control-Allow-Origin tersedia dengan nilai yang diharapkan.

    Jika header Access-Control-Allow-Origin muncul dengan nilai yang benar, berarti CORS telah dikonfigurasi dengan benar.