close

როგორ გამოვიყენოთ JW Player: ვიდეოების ჩასმა და კონფიგურაცია

რა არის JW Player?

JW Player არის ძლიერი და მოქნილი ინსტრუმენტი თქვენს ვებსაიტზე ვიდეოების დასაკრავად. ეს სახელმძღვანელო მოგაწვდით დეტალურ ინსტრუქციას, თუ როგორ გამოიყენოთ იგი, მათ შორის, თუ როგორ მიიღოთ ბიბლიოთეკა CDN-ის გამოყენებით ან მისი ჩამოტვირთვით.

როგორ მივიღოთ JW Player ბიბლიოთეკა

JW Player ბიბლიოთეკის მისაღებად ორი ვარიანტი გაქვთ: CDN-ის გამოყენება ან მისი ადგილობრივი ჰოსტინგისთვის ჩამოტვირთვა.

1. CDN-ის გამოყენება(რეკომენდებულია)

JW Player-ის ინტეგრირების უმარტივესი და სწრაფი გზაა CDN-ის(კონტენტის მიწოდების ქსელი) გამოყენება. CDN ფაილების უფრო სწრაფად ჩატვირთვაში დაგეხმარებათ, რადგან ისინი მსოფლიოს სხვადასხვა სერვერზეა განთავსებული.

CDN-ის გამოსაყენებლად, უბრალოდ დაამატეთ კოდის შემდეგი ხაზი <head>თქვენი ვებსაიტის განყოფილებაში. შენიშვნა: თქვენ უნდა შეცვალოთ ის <YOUR_LICENSE_KEY>თქვენი რეალური ლიცენზიის გასაღებით.

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

2. ლოკალურად ჩამოტვირთვა და ჰოსტინგი

თუ გსურთ ფაილებზე სრული კონტროლი და არ გსურთ ქსელურ კავშირზე დაყრდნობა, შეგიძლიათ ჩამოტვირთოთ JW Player და განათავსოთ იგი თქვენს სერვერზე.

  1. გადადით JW Player-ის ოფიციალურ ვებსაიტზე.

  2. დარეგისტრირდით ან შედით თქვენს ანგარიშზე(ხელმისაწვდომია უფასო საცდელი პერიოდი).

  3. იპოვეთ და ჩამოტვირთეთ ბიბლიოთეკა თქვენი ანგარიშის დაფიდან.

  4. გახსენით ფაილი და ატვირთეთ საქაღალდე თქვენს სერვერზე.

JW Player-ის გამოყენების დეტალური სახელმძღვანელო

ბიბლიოთეკის შექმნის შემდეგ, შეგიძლიათ დაიწყოთ JW Player-ის თქვენს ვებსაიტზე ჩაშენება.

1. შექმენით HTML ფაილი და ჩასვით JW Player

აქ მოცემულია HTML-ის სრული მაგალითი. თუ იყენებთ CDN-ს, შეცვალეთ <script src="...">ხაზი ზემოთ ნახსენები CDN კოდით. ​​თუ იყენებთ ჩამოტვირთულ ბიბლიოთეკას, დარწმუნდით, რომ ფაილისკენ მიმავალი გზა jwplayer.jsსწორია.

<!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. კოდექსის დეტალური განმარტება

  • <script src="...">ეს ხაზი JW Player ბიბლიოთეკას თქვენს ვებსაიტთან აკავშირებს.

  • <div id="video-container"></div>: აქ გამოჩნდება ვიდეო. შეგიძლიათ მიანიჭოთ ნებისმიერი idსახელი, მაგრამ დარწმუნდით, რომ ის ემთხვევა ფუნქციაში გამოყენებულ სახელს jwplayer().

  • jwplayer("video-container").setup({...})აქ თქვენ ინიციალიზაციას და JW Player-ის კონფიგურაციას ახდენთ.

    • "file": თქვენი ვიდეო ფაილისკენ მიმავალი გზა.

    • "image": ვიდეოს მინიატურული სურათისკენ მიმავალი გზა.

    • "width"და "height": ადგენს ზომებს პლეერისთვის. ასევე შეგიძლიათ გამოიყენოთ "100%"რეაგირებადი პლეერისთვის.

    • "autostart": დააყენეთ trueთუ გსურთ, რომ ვიდეო ავტომატურად დაიკრას.

    • "controls": დააყენეთ falseთუ გსურთ პლეერის მართვის საშუალებების დამალვა.

ამ დეტალური სახელმძღვანელოს დახმარებით, თქვენ შეგიძლიათ მარტივად დაიწყოთ JW Player-ის გამოყენება თქვენს ვებსაიტზე ვიდეოების საჩვენებლად.