close

Jinsi ya Kutumia JW Player: Pachika na Usanidi Video

JW Player ni nini?

JW Player ni zana yenye nguvu na inayoweza kunyumbulika ya kucheza video kwenye tovuti yako. Mwongozo huu utatoa mwongozo wa kina wa jinsi ya kuitumia, ikijumuisha jinsi ya kupata maktaba kwa kutumia CDN au kwa kuipakua.

Jinsi ya Kupata Maktaba ya JW Player

Una chaguzi mbili za kupata maktaba ya JW Player: kutumia CDN au kuipakua kwa mwenyeji wa karibu.

1. Kutumia CDN(Inapendekezwa)

Kutumia CDN(Mtandao wa Uwasilishaji wa Maudhui) ndiyo njia rahisi na ya haraka zaidi ya kuunganisha JW Player. CDN husaidia kupakia faili haraka kwa sababu zinapangishwa kwenye seva nyingi duniani kote.

Ili kutumia CDN, ongeza tu mstari ufuatao wa msimbo kwenye <head>sehemu ya tovuti yako. Kumbuka: Unahitaji kubadilisha <YOUR_LICENSE_KEY>na ufunguo wako halisi wa leseni.

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

2. Kupakua na Kukaribisha Ndani ya Nchi

Ikiwa unataka udhibiti kamili wa faili na hutaki kutegemea muunganisho wa mtandao, unaweza kupakua JW Player na kukipangia kwenye seva yako mwenyewe.

  1. Nenda kwenye tovuti rasmi ya JW Player.

  2. Jisajili au ingia kwenye akaunti yako(jaribio la bila malipo linapatikana).

  3. Tafuta na upakue maktaba kutoka kwa dashibodi ya akaunti yako.

  4. Fungua faili na upakie folda kwenye seva yako.

Mwongozo wa Kina wa Kutumia JW Player

Ukishakuwa na maktaba, unaweza kuanza kupachika JW Player kwenye tovuti yako.

1. Unda Faili ya HTML na Pachika JW Player

Hapa kuna mfano kamili wa HTML. Ikiwa unatumia CDN, badilisha <script src="...">laini na msimbo wa CDN uliotajwa hapo juu. Ikiwa unatumia maktaba iliyopakuliwa, hakikisha kuwa njia ya jwplayer.jsfaili ni sahihi.

<!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. Ufafanuzi wa Kina wa Kanuni

  • <script src="...">: Mstari huu unaunganisha maktaba ya JW Player kwenye tovuti yako.

  • <div id="video-container"></div>: Hapa ndipo video itaonyeshwa. Unaweza kuipa yoyote idunayotaka, lakini hakikisha inalingana na jina lililotumiwa kwenye jwplayer()chaguo la kukokotoa.

  • jwplayer("video-container").setup({...}): Hapa ndipo unapoanzisha na kusanidi JW Player.

    • "file": Njia ya faili yako ya video.

    • "image": Njia ya kuelekea kijipicha cha video.

    • "width"na "height": Huweka vipimo kwa mchezaji. Unaweza pia kutumia "100%"kwa mchezaji msikivu.

    • "autostart": Weka trueikiwa unataka video icheze kiotomatiki.

    • "controls": Weka falseikiwa unataka kuficha vidhibiti vya kichezaji.

Kwa mwongozo huu wa kina, unaweza kuanza kwa urahisi kutumia JW Player ili kuonyesha video kwenye tovuti yako.