किसी भी वेबसाइट पर वीडियो प्लेयर एम्बेड करें

सादा वीडियो टैग क्यों नहीं?

MP4 वाला सादा HTML वीडियो टैग दस सेकंड के लूप के लिए ठीक है, उसके बाद काम नहीं करता। बड़ी फ़ाइलें धीमे कनेक्शन पर अटकती हैं, फ़ॉर्मैट ब्राउज़र के हिसाब से बदलते हैं, और हर बार प्ले दबाने पर बैंडविड्थ का खर्च आपके अपने वेब होस्ट को उठाना पड़ता है। एम्बेड प्लेयर इसे उलट देता है। फ़ाइल FileHost.net पर रहती है, स्ट्रीम दर्शक के कनेक्शन के हिसाब से ढलती है, और आपके पेज पर सिर्फ़ एक छोटा iframe रहता है।

प्लेयर में असल में क्या-क्या है

प्लेबैक Video.js आधारित प्लेयर पर चलता है, जो HLS स्ट्रीम करता है। दर्शकों को फ़ुलस्क्रीन, प्लेबैक स्पीड मेन्यू, प्ले, सीक, वॉल्यूम, म्यूट और फ़ुलस्क्रीन के कीबोर्ड शॉर्टकट, पेज को धुंधला करने वाला सिनेमा मोड, और टाइमलाइन पर होवर थंबनेल मिलते हैं, जो अपलोड के बाद अपने आप बनते हैं। सबटाइटल SRT फ़ाइलों के रूप में 45 भाषाओं में से जोड़े जा सकते हैं, और आप चाहें तो प्लेयर सबटाइटल ट्रैक पहले से चालू करके शुरू हो सकता है।

मालिक एम्बेड की चौड़ाई और ऊंचाई सेट कर सकते हैं, अपना लोगो जोड़ सकते हैं, स्प्लैश या पोस्टर इमेज चुन सकते हैं और प्रीमियम पर साइट से मेल खाने के लिए प्लेयर का रंग बदल सकते हैं। एडवांस्ड यूज़र डैशबोर्ड से VAST विज्ञापन टैग या पॉप सेटिंग जोड़ सकते हैं।

पांच चरणों में वीडियो एम्बेड करें

1. 1वीडियो अपलोड करें और अपनी वीडियो सूची में उसके तैयार दिखने तक रुकें।
2. 2वीडियो खोलें और एम्बेड टैब चुनें। डिफ़ॉल्ट कोड 600 x 480 पिक्सल का iframe है, जिसका साइज़ आप बदल सकते हैं।
3. 3कोड कॉपी करें और अपने पेज के HTML व्यू में, या एडिटर के कस्टम HTML ब्लॉक में पेस्ट करें।
4. 4iframe को 16 x 9 अनुपात वाले कंटेनर में रखकर उसे रिस्पॉन्सिव बनाएं, जो ज़्यादातर थीम में पहले से मिलता है।
5. 5प्रकाशित करने से पहले पेज को फ़ोन और डेस्कटॉप पर प्राइवेट विंडो में खोलकर प्लेबैक और साइज़ जांच लें।

एम्बेड कोड

बेसिक iframe

डैशबोर्ड यही संरचना बनाता है। कोड को अपने वीडियो की सार्वजनिक ID से बदलें।

<iframe width="600" height="480" src="https://filehost.net/e/YOUR_CODE" scrolling="no" frameborder="0" allowfullscreen="true"></iframe>

रिस्पॉन्सिव रैपर

एक छोटा रैपर किसी भी स्क्रीन चौड़ाई पर 16 x 9 आकार बनाए रखता है। इसे अपनी स्टाइलशीट में जोड़ें और अंदर वही iframe इस्तेमाल करें।

<div style="position:relative;aspect-ratio:16/9;max-width:100%">
  <iframe src="https://filehost.net/e/YOUR_CODE"
    style="position:absolute;inset:0;width:100%;height:100%;border:0"
    allowfullscreen="true"></iframe>
</div>

परफ़ॉर्मेंस और SEO के विचार

iframe आपकी अपनी स्क्रिप्ट से अलग रहता है, इसलिए वह आपके लेआउट को धीमा नहीं करेगा और न ही थीम से टकराएगा, लेकिन सर्च इंजन वीडियो को एम्बेड किए गए पते का हिस्सा मानते हैं। कंटेंट की रैंकिंग बनी रहे, इसके लिए एम्बेड के साथ अपने पेज पर विवरण देने वाला शीर्षक, छोटा लिखित सार और ट्रांसक्रिप्ट रखें। वीडियो पेज में नीचे हो तो iframe पर loading एट्रिब्यूट lazy सेट करें।

क्योंकि भारी काम कहीं और होता है, ट्रैफ़िक बढ़ने पर भी आपका होस्टिंग बिल स्थिर रहता है। शेयर्ड होस्टिंग पर चल रही छोटी साइटों के लिए यही सबसे बड़ा व्यावहारिक फ़ायदा है।

एम्बेड व्यूज़ से कमाई

एम्बेड प्लेयर से आए व्यूज़ वॉच पेज की ही दर से कमाई में गिने जाते हैं, इसलिए कोई लोकप्रिय लेख अपना खर्च खुद निकाल सकता है। आप प्लेयर के अंदर अपने VAST विज्ञापन भी चला सकते हैं; आपके अपने विज्ञापन चालू रहने पर दिया गया ट्रैफ़िक प्रीमियम बैंडविड्थ से लिया जाता है, जिसकी तय कीमत 2 डॉलर प्रति टेराबाइट है। इस पर बिज़नेस प्लान बनाने से पहले कमाई के नियम पढ़ें।

समस्या समाधान

अगर प्लेयर खाली बॉक्स दिखाए, तो जांचें कि आपका पेज कंटेंट सिक्योरिटी पॉलिसी से थर्ड-पार्टी फ़्रेम तो नहीं रोक रहा। अगर सबटाइटल न दिखें, तो पक्का करें कि ट्रैक सही वीडियो में जोड़ा गया है और SRT फ़ॉर्मैट में है। अगर पेज फ़ोन पर गड़बड़ दिखे, तो तय चौड़ाई और ऊंचाई की जगह ऊपर दिया रिस्पॉन्सिव रैपर इस्तेमाल करें।

FileHost.net की तुलना कैसी है

ड्राइव जैसी सेवा से एम्बेड करने पर अक्सर बेढंगा प्रीव्यू फ़्रेम मिलता है। देखें प्लेयर कैसे अलग हैं।

सभी तुलनाएं देखें

संबंधित टूल और गाइड