Kif Tuża JW Player: Inkorpora u Ikkonfigura Vidjows

X'inhu JW Player?

JW Player hija għodda b'saħħitha u flessibbli biex tilgħab vidjows fuq il-websajt tiegħek. Din il-gwida se tipprovdi gwida dettaljata dwar kif tużaha, inkluż kif tikseb il-librerija billi tuża CDN jew billi tniżżilha.

Kif Tikseb il-Librerija tal-JW Player

Għandek żewġ għażliet biex tikseb il-librerija tal-JW Player: billi tuża CDN jew tniżżilha għal hosting lokali.

1. L-użu ta' CDN(Rakkomandat)

L-użu ta' CDN(Content Delivery Network) huwa l-aktar mod sempliċi u veloċi biex tintegra JW Player. CDN jgħin biex il-fajls jitgħabbew aktar malajr għax huma ospitati fuq diversi servers madwar id-dinja.

Biex tuża s-CDN, sempliċement żid il-linja ta' kodiċi li ġejja mat- <head>taqsima tal-websajt tiegħek. Nota: Jeħtieġ li tissostitwixxiha <YOUR_LICENSE_KEY>bil-liċenzja attwali tiegħek.

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

2. Tniżżil u Hosting Lokalment

Jekk trid kontroll sħiħ fuq il-fajls u ma tridx tiddependi fuq konnessjoni tan-netwerk, tista' tniżżel JW Player u tospitah fuq is-server tiegħek stess.

  1. Mur fil-websajt uffiċjali tal-JW Player.

  2. Irreġistra jew idħol fil-kont tiegħek(prova bla ħlas hija disponibbli).

  3. Sib u niżżel il-librerija mid-dashboard tal-kont tiegħek.

  4. Iftaħ il-fajl u ittella' l-folder fuq is-server tiegħek.

Gwida dettaljata għall-użu ta' JW Player

Ladarba jkollok il-librerija, tista' tibda ddaħħal JW Player fil-websajt tiegħek.

1. Oħloq Fajl HTML u Inkorpora JW Player

Hawn eżempju HTML sħiħ. Jekk qed tuża s-CDN, ibdel il- <script src="...">linja bil-kodiċi CDN imsemmi hawn fuq. Jekk qed tuża l-librerija mniżżla, kun żgur li t-triq għall- jwplayer.jsfajl hija korretta.

<!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. Spjegazzjoni Dettaljata tal-Kodiċi

  • <script src="...">Din il-linja tgħaqqad il-librerija tal-JW Player mal-websajt tiegħek.

  • <div id="video-container"></div>Hawnhekk se jintwera l-vidjow. Tista' tagħtih kif idtrid, imma kun żgur li jaqbel mal-isem użat fil- jwplayer()funzjoni.

  • jwplayer("video-container").setup({...})Hawnhekk inti inizjalizza u tikkonfigura JW Player.

    • "file": It-triq għall-fajl tal-vidjo tiegħek.

    • "image": It-triq għall-immaġni tat-thumbnail tal-vidjo.

    • "width"u "height": Tissettja d-dimensjonijiet għall-plejer. Tista' tuża wkoll "100%"għal plejer li jirrispondi.

    • "autostart": Issettja għal truejekk trid li l-vidjow jindaqq awtomatikament.

    • "controls": Issettja għal falsejekk trid taħbi l-kontrolli tal-plejer.

B'din il-gwida dettaljata, tista' faċilment tibda tuża JW Player biex turi vidjows fuq il-websajt tiegħek.