close

Yadda Ake Amfani da JW Player: Sanya kuma Ka Sanya Bidiyo

Menene JW Player?

JW Player kayan aiki ne mai ƙarfi da sassauƙa don kunna bidiyo akan gidan yanar gizon ku. Wannan jagorar zai ba da cikakken bayani kan yadda ake amfani da shi, gami da yadda ake samun ɗakin karatu ta amfani da CDN ko ta hanyar zazzage shi.

Yadda Ake Samun JW Player Library

Kuna da zaɓi biyu don samun laburare JW Player: yin amfani da CDN ko zazzage shi don baƙi na gida.

1. Amfani da CDN(Shawarar)

Amfani da CDN(Cibiyar Bayar da Abun ciki) ita ce hanya mafi sauƙi kuma mafi sauri don haɗa JW Player. CDN yana taimakawa wajen loda fayilolin da sauri saboda ana karbarsu akan sabar da yawa a duniya.

Don amfani da CDN, kawai ƙara layin lamba mai zuwa zuwa <head>sashin gidan yanar gizon ku. Lura: Kuna buƙatar maye gurbin <YOUR_LICENSE_KEY>da ainihin maɓallin lasisinku.

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

2. Zazzagewa da Gudanarwa a Gida

Idan kana son cikakken iko a kan fayilolin kuma ba ka son dogaro da hanyar haɗin yanar gizo, za ka iya zazzage JW Player kuma ka shirya shi a kan uwar garkenka.

  1. Jeka gidan yanar gizon JW Player na hukuma.

  2. Yi rajista ko shiga cikin asusunku(akwai gwaji kyauta).

  3. Nemo kuma zazzage ɗakin karatu daga dashboard ɗin asusun ku.

  4. Cire fayil ɗin kuma loda babban fayil ɗin zuwa uwar garken ku.

Cikakken Jagora don Amfani da JW Player

Da zarar kana da ɗakin karatu, za ka iya fara saka JW Player a cikin gidan yanar gizon ku.

1. Ƙirƙiri Fayil na HTML kuma Ka Sanya JW Player

Ga cikakken misalin HTML. Idan kana amfani da CDN, maye gurbin <script src="...">layi tare da lambar CDN da aka ambata a sama. Idan kana amfani da ɗakin karatu da aka sauke, tabbatar da hanyar zuwa jwplayer.jsfayil ɗin daidai ne.

<!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. Cikakken Bayani na Code

  • <script src="...">: Wannan layin yana haɗa ɗakin karatu na JW Player zuwa gidan yanar gizonku.

  • <div id="video-container"></div>: A nan ne za a nuna bidiyon. Kuna iya ba shi duk abin idda kuke so, amma tabbatar ya dace da sunan da ake amfani da shi a cikin jwplayer()aikin.

  • jwplayer("video-container").setup({...}): Wannan shine inda kuke farawa kuma ku daidaita JW Player.

    • "file": Hanyar zuwa fayil ɗin bidiyo.

    • "image": Hanyar zuwa hoton thumbnail na bidiyo.

    • "width"da "height": Yana saita girma don mai kunnawa. Hakanan zaka iya amfani "100%"da mai kunnawa mai amsawa.

    • "autostart": Saita zuwa trueidan kana son bidiyo ya kunna ta atomatik.

    • "controls": Saita zuwa falseidan kana son ɓoye ikon sarrafa mai kunnawa.

Tare da wannan cikakken jagorar, zaka iya fara amfani da JW Player cikin sauƙi don nuna bidiyo akan gidan yanar gizon ku.