close

JW பிளேயரை எவ்வாறு பயன்படுத்துவது: வீடியோக்களை உட்பொதித்து உள்ளமைக்கவும்

JW பிளேயர் என்றால் என்ன?

JW Player என்பது உங்கள் வலைத்தளத்தில் வீடியோக்களை இயக்குவதற்கான ஒரு சக்திவாய்ந்த மற்றும் நெகிழ்வான கருவியாகும். இந்த வழிகாட்டி, CDN ஐப் பயன்படுத்தி அல்லது பதிவிறக்குவதன் மூலம் நூலகத்தை எவ்வாறு பெறுவது என்பது உட்பட, அதை எவ்வாறு பயன்படுத்துவது என்பது குறித்த விரிவான வழிமுறைகளை வழங்கும்.

JW பிளேயர் லைப்ரரியை எப்படிப் பெறுவது

JW பிளேயர் நூலகத்தைப் பெறுவதற்கு உங்களுக்கு இரண்டு வழிகள் உள்ளன: CDN ஐப் பயன்படுத்துதல் அல்லது உள்ளூர் ஹோஸ்டிங்கிற்காக அதைப் பதிவிறக்குதல்.

1. CDN ஐப் பயன்படுத்துதல்(பரிந்துரைக்கப்படுகிறது)

JW பிளேயரை ஒருங்கிணைப்பதற்கான எளிய மற்றும் வேகமான வழி CDN(உள்ளடக்க விநியோக நெட்வொர்க்) ஐப் பயன்படுத்துவதுதான். உலகம் முழுவதும் உள்ள பல சேவையகங்களில் கோப்புகள் ஹோஸ்ட் செய்யப்படுவதால், CDN கோப்புகளை வேகமாக ஏற்ற உதவுகிறது.

<head>CDN-ஐப் பயன்படுத்த, உங்கள் வலைத்தளத்தின் பிரிவில் பின்வரும் குறியீட்டு வரியைச் சேர்க்கவும். குறிப்பு: <YOUR_LICENSE_KEY> உங்கள் உண்மையான உரிம விசையுடன் மாற்ற வேண்டும் .

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

2. உள்ளூரில் பதிவிறக்குதல் மற்றும் ஹோஸ்டிங் செய்தல்

கோப்புகளின் மீது முழு கட்டுப்பாட்டை நீங்கள் விரும்பினால், நெட்வொர்க் இணைப்பை நம்பியிருக்க விரும்பவில்லை என்றால், நீங்கள் JW பிளேயரை பதிவிறக்கம் செய்து உங்கள் சொந்த சர்வரில் ஹோஸ்ட் செய்யலாம்.

  1. அதிகாரப்பூர்வ JW பிளேயர் வலைத்தளத்திற்குச் செல்லவும்.

  2. உங்கள் கணக்கில் பதிவு செய்யவும் அல்லது உள்நுழையவும்(இலவச சோதனை கிடைக்கிறது).

  3. உங்கள் கணக்கு டேஷ்போர்டிலிருந்து நூலகத்தைக் கண்டுபிடித்து பதிவிறக்கவும்.

  4. கோப்பை அவிழ்த்து, கோப்புறையை உங்கள் சேவையகத்தில் பதிவேற்றவும்.

JW பிளேயரைப் பயன்படுத்துவதற்கான விரிவான வழிகாட்டி

உங்களிடம் நூலகம் கிடைத்ததும், உங்கள் வலைத்தளத்தில் JW பிளேயரை உட்பொதிக்கத் தொடங்கலாம்.

1. ஒரு HTML கோப்பை உருவாக்கி JW பிளேயரை உட்பொதிக்கவும்

இங்கே ஒரு முழுமையான 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 பிளேயர் நூலகத்தை உங்கள் வலைத்தளத்துடன் இணைக்கிறது.

  • <div id="video-container"></div>: வீடியோ காண்பிக்கப்படும் இடம் இதுதான். நீங்கள் idவிரும்பும் எதையும் கொடுக்கலாம், ஆனால் அது செயல்பாட்டில் பயன்படுத்தப்படும் பெயருடன் பொருந்துகிறதா என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள் jwplayer().

  • jwplayer("video-container").setup({...}): இங்குதான் நீங்கள் JW பிளேயரை துவக்கி உள்ளமைக்கிறீர்கள்.

    • "file": உங்கள் வீடியோ கோப்பிற்கான பாதை.

    • "image": வீடியோ சிறுபடப் படத்திற்கான பாதை.

    • "width"மற்றும் "height": பிளேயருக்கான பரிமாணங்களை அமைக்கிறது. நீங்கள் "100%"பதிலளிக்கக்கூடிய பிளேயருக்கும் பயன்படுத்தலாம்.

    • "autostart" true: வீடியோ தானாக இயங்க வேண்டுமெனில் அமைக்கவும் .

    • "controls" false: பிளேயர் கட்டுப்பாடுகளை மறைக்க விரும்பினால் அமைக்கவும் .

இந்த விரிவான வழிகாட்டி மூலம், உங்கள் வலைத்தளத்தில் வீடியோக்களைக் காண்பிக்க JW பிளேயரைப் பயன்படுத்தத் தொடங்கலாம்.