close

Cara Menggunakan JW Player: Benamkan dan Konfigurasikan Video

Apakah JW Player?

JW Player ialah alat yang berkuasa dan fleksibel untuk memainkan video di tapak web anda. Panduan ini akan memberikan panduan terperinci tentang cara menggunakannya, termasuk cara mendapatkan perpustakaan menggunakan CDN atau dengan memuat turunnya.

Cara Mendapatkan Perpustakaan JW Player

Anda mempunyai dua pilihan untuk mendapatkan perpustakaan JW Player: menggunakan CDN atau memuat turunnya untuk pengehosan tempatan.

1. Menggunakan CDN(Disyorkan)

Menggunakan CDN(Rangkaian Penghantaran Kandungan) ialah cara yang paling mudah dan terpantas untuk menyepadukan Pemain JW. CDN membantu memuatkan fail dengan lebih pantas kerana ia dihoskan pada berbilang pelayan di seluruh dunia.

Untuk menggunakan CDN, cuma tambahkan baris kod berikut pada <head>bahagian tapak web anda. Nota: Anda perlu menggantikan <YOUR_LICENSE_KEY>dengan kunci lesen sebenar anda.

<script src="https://cdn.jwplayer.com/libraries/<YOUR_LICENSE_KEY>.js"></script>

2. Memuat turun dan Mengehos Secara Tempatan

Jika anda mahukan kawalan penuh ke atas fail dan tidak mahu bergantung pada sambungan rangkaian, anda boleh memuat turun JW Player dan mengehoskannya pada pelayan anda sendiri.

  1. Pergi ke laman web rasmi JW Player.

  2. Daftar atau log masuk ke akaun anda(percubaan percuma tersedia).

  3. Cari dan muat turun pustaka daripada papan pemuka akaun anda.

  4. Nyahzip fail dan muat naik folder ke pelayan anda.

Panduan Terperinci untuk Menggunakan JW Player

Sebaik sahaja anda mempunyai perpustakaan, anda boleh mula membenamkan JW Player ke dalam tapak web anda.

1. Cipta Fail HTML dan Benamkan JW Player

Berikut ialah contoh HTML lengkap. Jika anda menggunakan CDN, gantikan <script src="...">baris dengan kod CDN yang dinyatakan di atas. Jika anda menggunakan pustaka yang dimuat turun, pastikan laluan ke jwplayer.jsfail adalah betul.

<!DOCTYPE html>  
<html>  
<head>  
    <title>JW Player Example</title>  
    <script src="js/jwplayer.js"></script>  
</head>  
<body>  
  
    <h1>How to Use JW Player</h1>  
  
    <div id="video-container"></div>  
  
    <script>  
        // Initialize and configure JW Player  
        jwplayer("video-container").setup({  
            // The path to your video file  
            "file": "videos/my-video.mp4",  
              
            // The path to your video's thumbnail image  
            "image": "images/my-video-thumbnail.jpg",  
              
            // The dimensions of the player  
            "width": "640",  
            "height": "360",  
              
            // Autoplay the video when the page loads  
            "autostart": false,  
              
            // Show the player controls  
            "controls": true  
        });  
    </script>  
  
</body>  
</html>

2. Penjelasan Terperinci Kod

  • <script src="...">: Baris ini memautkan perpustakaan JW Player ke tapak web anda.

  • <div id="video-container"></div>: Di sinilah video akan dipaparkan. Anda boleh memberikannya apa sahaja idyang anda mahu, tetapi pastikan ia sepadan dengan nama yang digunakan dalam jwplayer()fungsi tersebut.

  • jwplayer("video-container").setup({...}): Di sinilah anda memulakan dan mengkonfigurasi JW Player.

    • "file": Laluan ke fail video anda.

    • "image": Laluan ke imej lakaran kecil video.

    • "width"dan "height": Menetapkan dimensi untuk pemain. Anda juga boleh menggunakan "100%"untuk pemain yang responsif.

    • "autostart": Tetapkan kepada truejika anda mahu video dimainkan secara automatik.

    • "controls": Tetapkan kepada falsejika anda ingin menyembunyikan kawalan pemain.

Dengan panduan terperinci ini, anda boleh mula menggunakan JW Player dengan mudah untuk memaparkan video di tapak web anda.