close

JW પ્લેયરનો ઉપયોગ કેવી રીતે કરવો: વિડિઓઝ એમ્બેડ અને ગોઠવો

JW પ્લેયર શું છે?

JW પ્લેયર તમારી વેબસાઇટ પર વિડિઓઝ ચલાવવા માટે એક શક્તિશાળી અને લવચીક સાધન છે. આ માર્ગદર્શિકા તેનો ઉપયોગ કેવી રીતે કરવો તે અંગે વિગતવાર માર્ગદર્શન આપશે, જેમાં CDN નો ઉપયોગ કરીને અથવા તેને ડાઉનલોડ કરીને લાઇબ્રેરી કેવી રીતે મેળવવી તે શામેલ છે.

JW પ્લેયર લાઇબ્રેરી કેવી રીતે મેળવવી

JW પ્લેયર લાઇબ્રેરી મેળવવા માટે તમારી પાસે બે વિકલ્પો છે: 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 પ્લેયર એમ્બેડ કરવાનું શરૂ કરી શકો છો.

૧. એક 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>

૨. સંહિતાની વિગતવાર સમજૂતી

  • <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 પ્લેયરનો ઉપયોગ સરળતાથી શરૂ કરી શકો છો.