close

Kaip naudoti JW Player: įterpti ir konfigūruoti vaizdo įrašus

Kas yra JW Player?

„JW Player“ yra galinga ir lanksti priemonė vaizdo įrašams leisti jūsų svetainėje. Šiame vadove rasite išsamią informaciją, kaip ją naudoti, įskaitant tai, kaip gauti biblioteką naudojant CDN arba ją atsisiunčiant.

Kaip gauti JW Player biblioteką

JW Player biblioteką galite gauti dviem būdais: naudodami CDN arba atsisiųsdami ją vietiniam talpinimui.

1. CDN naudojimas(rekomenduojama)

Paprasčiausias ir greičiausias būdas integruoti „JW Player“ yra naudoti CDN(turinio pristatymo tinklą). CDN padeda greičiau įkelti failus, nes jie talpinami keliuose serveriuose visame pasaulyje.

Norėdami naudoti CDN, tiesiog pridėkite šią kodo eilutę prie <head>savo svetainės skilties. Pastaba: turite ją pakeisti <YOUR_LICENSE_KEY>savo tikruoju licencijos raktu.

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

2. Atsisiuntimas ir talpinimas vietoje

Jei norite visiškai kontroliuoti failus ir nenorite pasikliauti tinklo ryšiu, galite atsisiųsti „JW Player“ ir talpinti jį savo serveryje.

  1. Eikite į oficialią JW Player svetainę.

  2. Užsiregistruokite arba prisijunkite prie savo paskyros(yra nemokama bandomoji versija).

  3. Raskite ir atsisiųskite biblioteką iš savo paskyros valdymo skydelio.

  4. Išpakuokite failą ir įkelkite aplanką į savo serverį.

Išsamus JW Player naudojimo vadovas

Kai turėsite biblioteką, galėsite pradėti integruoti JW Player į savo svetainę.

1. Sukurkite HTML failą ir įterpkite JW Player

Pateikiamas visas HTML pavyzdys. Jei naudojate CDN, eilutę pakeiskite <script src="...">aukščiau minėtu CDN kodu. Jei naudojate atsisiųstą biblioteką, įsitikinkite, kad failo kelias jwplayer.jsyra teisingas.

<!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. Išsamus kodekso paaiškinimas

  • <script src="...">: Ši eilutė susieja JW Player biblioteką su jūsų svetaine.

  • <div id="video-container"></div>: Čia bus rodomas vaizdo įrašas. Galite suteikti bet kokį idpavadinimą, bet įsitikinkite, kad jis atitinka funkcijoje naudojamą pavadinimą jwplayer().

  • jwplayer("video-container").setup({...}): Čia galite inicijuoti ir konfigūruoti „JW Player“.

    • "file": Kelias į jūsų vaizdo įrašo failą.

    • "image": Kelias į vaizdo įrašo miniatiūrą.

    • "width"ir "height": nustato grotuvo matmenis. Taip pat galite naudoti "100%"reaguojančiam grotuvui.

    • "autostart": nustatykite, truejei norite, kad vaizdo įrašas būtų leidžiamas automatiškai.

    • "controls": Nustatykite, falsejei norite paslėpti grotuvo valdiklius.

Naudodamiesi šiuo išsamiu vadovu, galite lengvai pradėti naudoti „JW Player“ vaizdo įrašams rodyti savo svetainėje.