अपनी वेबसाइट में यूट्यूब वीडियो एम्बेड करना आसान है। आपको सिर्फ IFRAME एम्बेड कोड कॉपी करना होगा और इसे अपने वेब पेज पर कहीं भी पेस्ट करना होगा। यूट्यूब बुनियादी अनुकूलन विकल्पों की पेशकश करता है - जैसे आप प्लेयर आयामों को संशोधित कर सकते हैं या यूट्यूब ब्रांडिंग को छुपा सकते हैं - लेकिन अगर आप एम्बेडेड प्लेयर के लेआउट या व्यवहार पर अधिक नियंत्रण रखना चाहते हैं, तो यूट्यूब प्लेयर एपीआई जाने का रास्ता है।
यह ट्यूटोरियल बताता है कि आप एक यूट्यूब वीडियो कैसे एम्बेड कर सकते हैं जो वेब पेज लोड होने पर स्वचालित रूप से बजाएगा लेकिन म्यूट ऑडियो के साथ।
उदाहरण के लिए, एक उत्पाद वेबसाइट सुविधाओं को हाइलाइट करने के लिए शॉर्ट स्क्रीनकास्ट का उपयोग कर सकती है और पृष्ठ लोड होने पर ये वीडियो ऑटोप्ले होंगे। वॉल्यूम को 0 पर सेट किया गया है और उपयोगकर्ता वीडियो को अनम्यूट करने के लिए मैन्युअल रूप से क्लिक कर सकता है। इसी प्रकार, यदि आप YouTube वीडियो पृष्ठभूमि का उपयोग कर रहे हैं, तो यह लूप में चलने वाले म्यूट किए गए वीडियो एम्बेड करने के लिए अधिक समझ में आता है।
हम यहां क्या करने की कोशिश कर रहे हैं इसका एक अनुमान प्राप्त करने के लिए डेमो पृष्ठ देखें। पृष्ठ लोड होता है, वीडियो चलाता है लेकिन ऑडियो स्लाइड के साथ सभी तरह से नीचे है।
यह आसान है। यूट्यूब वीडियो पेज पर जाएं और यूआरएल से वीडियो की आईडी को नोट करें। उदाहरण के लिए, यदि यूट्यूब वीडियो लिंक http://youtube.com/watch?v=xyz-123 है, तो वीडियो आईडी xyz-123 है। एक बार आपके पास आईडी हो जाने के बाद, आपको बस उस स्ट्रिंग के साथ निम्न कोड में YOUR_VIDEO_ID को प्रतिस्थापित करना होगा।
अगला अपने वेब पेज पर संपादित कोड रखें और एम्बेडेड वीडियो स्वचालित रूप से चलाएगा लेकिन ध्वनि म्यूट हो जाएगी।
कोड में टिप्पणी के रूप में आप विभिन्न प्लेयर चर को संशोधित करके खिलाड़ी को और अनुकूलित कर सकते हैं। उदाहरण के लिए, यदि आप लूप को 1 के रूप में सेट करते हैं, तो वीडियो लूप में चलाएगा। वीडियो प्लेयर के अंदर पूर्णस्क्रीन बटन दिखाने के लिए fs को 1 पर सेट करें। आंतरिक रूप से, प्लेयर को YouTube IFRAME API का उपयोग करके एम्बेड किया गया है। जब पृष्ठ लोड होता है, तो ऑनडिडी ईवेंट चलता है जो वीडियो को म्यूट करता है।
