全部产品
Search

搜索本产品

    ApsaraVideo VOD：Konfigurasikan CORS

    文档中心

    ApsaraVideo VOD：Konfigurasikan CORS

    更新时间：Nov 28, 2025

    Jika Anda mengalami error Access-Control-Allow-Origin saat memutar video FLV atau M3U8 di pemutar web, Anda harus mengaktifkan Berbagi Sumber Daya Lintas Asal (CORS) untuk nama domain pemutaran Anda.

    Pesan error

    Pesan error berikut ditampilkan:

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

    Solusi

    Nama domain yang dipercepat di ApsaraVideo VOD

    Jika sumber daya Anda berada di ApsaraVideo VOD dan Anda telah mengonfigurasi nama domain yang dipercepat, tambahkan header respons HTTP ke nama domain tersebut untuk mengizinkan akses lintas asal.

    1. Masuk ke Konsol ApsaraVideo Live.

    2. Pada panel navigasi sebelah kiri, pilih CDN Configuration > Domain Names > Domain Names.

      截屏2025-04-08 15

    3. Pada halaman Domain Names, pilih nama domain yang ingin dikonfigurasi, lalu klik Configure di kolom Actions.

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

      截屏2025-04-08 16

    5. Atur header respons menjadi Access-Control-Allow-Origin untuk menentukan origin yang diizinkan dalam permintaan lintas asal.

      截屏2025-04-08 16

    6. Masukkan nilai untuk header respons tersebut, lalu klik OK.

      Catatan

      • Nilai header respons dapat berupa tanda bintang (*), yang mengizinkan permintaan dari origin mana pun.

      • Jika nilainya bukan tanda bintang (*), Anda dapat menentukan satu atau beberapa alamat IP, nama domain, atau kombinasi keduanya. Pisahkan dengan koma (,).

      • Jika nilainya bukan tanda bintang (*), nilai tersebut harus mencakup protokol http:// atau https://.

      • Nilai tersebut dapat mencakup nomor port.

      • Nilai tersebut dapat berupa Nama domain wildcard.

    7. Tambahkan metode yang diizinkan untuk domain tersebut. Atur Response Header Value menjadi POST atau GET. Untuk menentukan keduanya, pisahkan dengan koma (,). Gambar berikut menunjukkan contohnya.

      截屏2025-04-08 16

    Catatan

    Jika nama domain dalam URL segmen TS berbeda dari nama domain dalam URL M3U8, Anda juga harus menambahkan header respons HTTP akses lintas asal ke nama domain segmen TS tersebut.

    Untuk nama domain kustom di OSS

    Jika Anda mengakses OSS langsung dari pemutar, Anda harus mengaktifkan CORS untuk bucket tersebut. Untuk informasi selengkapnya, lihat CORS.

    Buat aturan CORS dengan parameter berikut.

    • Source: *.

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

    • Allowed Headers: *.

    • Exposed Headers: ETag.

    Penting

    Aturan CORS ini harus menjadi aturan pertama.

    Gambar berikut menunjukkan contohnya.OSS跨域示例图

    Verifikasi konfigurasi

    Untuk memverifikasi bahwa pengaturan lintas asal telah berlaku, ikuti langkah-langkah berikut:

    1. Buka developer tools di browser Anda. Biasanya Anda dapat melakukannya dengan menekan F12 atau mengklik kanan halaman lalu memilih Inspect.

    2. Beralih ke tab Network.

    3. Buka halaman yang berisi permintaan lintas asal.

    4. Dalam daftar permintaan jaringan, temukan permintaan video tersebut dan klik untuk melihat detailnya.

    5. Pada detail permintaan, periksa bagian Response Headers. Pastikan header tersebut mencakup header Access-Control-Allow-Origin dan nilainya sesuai dengan konfigurasi Anda.

    Jika header respons Access-Control-Allow-Origin tersedia dan nilainya benar, maka pengaturan lintas asal telah berlaku.