close

Si të përdorni JW Player: Vendosni dhe konfiguroni videot

Çfarë është JW Player?

JW Player është një mjet i fuqishëm dhe fleksibël për të luajtur video në faqen tuaj të internetit. Ky udhëzues do të ofrojë një udhëzues të detajuar se si ta përdorni atë, duke përfshirë mënyrën e marrjes së bibliotekës duke përdorur një CDN ose duke e shkarkuar atë.

Si të merrni bibliotekën JW Player

Keni dy mundësi për të marrë bibliotekën JW Player: duke përdorur një CDN ose duke e shkarkuar atë për hostim lokal.

1. Përdorimi i një CDN(i rekomanduar)

Përdorimi i një CDN(Content Delivery Network) është mënyra më e thjeshtë dhe e shpejtë për të integruar JW Player. Një CDN ndihmon në ngarkimin e skedarëve më shpejt sepse ato janë të vendosura në servera të shumtë në të gjithë botën.

Për të përdorur CDN-në, thjesht shtoni rreshtin e mëposhtëm të kodit në <head>seksionin e faqes suaj të internetit. Shënim: Duhet ta zëvendësoni <YOUR_LICENSE_KEY>me çelësin tuaj aktual të licencës.

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

2. Shkarkimi dhe Hostimi Lokal

Nëse dëshironi kontroll të plotë mbi skedarët dhe nuk doni të mbështeteni në një lidhje rrjeti, mund të shkarkoni JW Player dhe ta vendosni atë në serverin tuaj.

  1. Shkoni në faqen zyrtare të internetit të JW Player.

  2. Regjistrohuni ose hyni në llogarinë tuaj(një provë falas është në dispozicion).

  3. Gjej dhe shkarko bibliotekën nga paneli i llogarisë sate.

  4. Hapni paketën e skedarit dhe ngarkoni dosjen në serverin tuaj.

Udhëzues i detajuar për përdorimin e JW Player

Pasi të keni bibliotekën, mund të filloni të integroni JW Player në faqen tuaj të internetit.

1. Krijoni një skedar HTML dhe integroni JW Player

Ja një shembull i plotë HTML. Nëse po përdorni CDN-në, zëvendësoni <script src="...">rreshtin me kodin CDN të përmendur më sipër. Nëse po përdorni bibliotekën e shkarkuar, sigurohuni që shtegu për në jwplayer.jsskedar është i saktë.

<!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. Shpjegim i detajuar i Kodit

  • <script src="...">Ky rresht lidh bibliotekën JW Player me faqen tuaj të internetit.

  • <div id="video-container"></div>Këtu do të shfaqet videoja. Mund t’i jepni çfarë idtë dëshironi, por sigurohuni që të përputhet me emrin e përdorur në jwplayer()funksion.

  • jwplayer("video-container").setup({...})Këtu duhet të inicializoni dhe konfiguroni JW Player.

    • "file"Shtegu për në skedarin tuaj video.

    • "image"Shtegu për te imazhi në miniaturë i videos.

    • "width"dhe "height": Cakton dimensionet për luajtësin. Mund ta përdorni edhe "100%"për një luajtës që përshtatet me shpejtësinë.

    • "autostart": Vendoseni në truenëse dëshironi që videoja të luhet automatikisht.

    • "controls": Vendoseni në falsenëse doni të fshihni kontrollet e luajtësit.

Me këtë udhëzues të detajuar, mund të filloni lehtësisht të përdorni JW Player për të shfaqur video në faqen tuaj të internetit.