मैं GitHub wiki पृष्ठों पर YouTube वीडियो कैसे एम्बेड कर सकता हूं?

Question

मैं मार्कअप के लिए काफी नया हूं (हालांकि इसे पिक करना बेहद आसान है)। मैं एक पैकेज पर काम कर रहा हूं और एक मदद मैनुअल के रूप में विकी पृष्ठों को अच्छा दिखने की कोशिश कर रहा हूं। मैं बहुत आसानी से विकी पेज में एक YouTube वीडियो लिंक सम्मिलित कर सकता हूं लेकिन मैं YouTube वीडियो कैसे एम्बेड कर सकता हूं। मुझे पता है कि यह संभव नहीं हो सकता है।

मैंने पढ़ा है कि आप HTML टैग का उपयोग कर सकते हैं इसलिए मैंने इस लिंक के अनुसार HTML के साथ एम्बेड करने की कोशिश की :

<object width="425" height="350">
  <param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
  <param name="wmode" value="transparent" />
  <embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
         type="application/x-shockwave-flash"
         wmode="transparent" width="425" height="350" />
</object>

और पेज को बचा लिया लेकिन कुछ नहीं हुआ।

1. क्या GitHub wiki पृष्ठों पर YouTube वीडियो एम्बेड करना संभव है?
2. यदि हां, तो कैसे?

Comments

यह संभव है कि github wiki पृष्ठ सुरक्षा उद्देश्यों के लिए <ऑब्जेक्ट> टैग की अनुमति न दें।

— सरू फ्रेंकेनफेल्ड

यह भी देखें stackoverflow.com/questions/4279611/…

— ब्रायन बर्न्स

Answer 1

सीधे वीडियो एम्बेड करना संभव नहीं है, लेकिन आप एक छवि डाल सकते हैं जो YouTube वीडियो से लिंक करती है:

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

अधिक जानकारी के लिए GitHub पर इस Markdown cheatsheet को देखें।

Comments

Iframe विकि पृष्ठों के लिए काम नहीं करता है, केवल यह समाधान वर्तमान में काम करता है।

— टायलर रिंकर

Answer 2

पूरा उदाहरण

पर विस्तार हो रहा है @ एमजीए के उत्तर

हालांकि यह एम्बेड करने के लिए संभव नहीं है मार्कडाउन में एक वीडियो आप इस फॉर्मेट का उपयोग करके अपने मार्कअप फ़ाइल में एक वैध लिंक्ड इमेज को शामिल करके "नकली" कर सकते हैं:

[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")

मार्कडाउन की व्याख्या

यदि यह मार्कअप स्निपेट जटिल लगता है, तो इसे दो भागों में तोड़ दें:

![image alt text](https://example.com/link-to-image)
एक लिंक में लिपटी एक छवि
[link text](https://example.com/my-link "link title")

मान्य मार्कडाउन और YouTube थंबनेल का उपयोग करके उदाहरण:

हम YouTube से सीधे थंबनेल छवि का सोर्स कर रहे हैं और वास्तविक वीडियो से लिंक कर रहे हैं, इसलिए जब व्यक्ति छवि / थंबनेल पर क्लिक करता है तो उन्हें वीडियो में ले जाया जाएगा।

कोड:

[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

या यदि आप पाठकों को एक दृश्य संकेत देना चाहते हैं कि छवि / थंबनेल वास्तव में एक खेलने योग्य वीडियो है, तो YouTube में वीडियो का अपना स्क्रीनशॉट लें और इसके बजाय थंबनेल के रूप में उपयोग करें।

उदाहरण दृश्य दृश्य के रूप में वीडियो नियंत्रण के साथ स्क्रीनशॉट का उपयोग कर:

कोड:

[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")

 स्पष्ट लाभ

हालांकि इसके लिए कुछ अतिरिक्त चरणों की आवश्यकता होती है ( ए ) वीडियो का स्क्रीनशॉट लेना और ( बी ) इसे अपलोड करना ताकि आप अपने थंबनेल के रूप में छवि का उपयोग कर सकें, इसके 3 स्पष्ट फायदे हैं :

1. आपके मार्कडाउन (या परिणामी html पृष्ठ) को पढ़ने वाले व्यक्ति के पास एक दृश्य क्यू होता है, जो उन्हें बताता है कि वे वीडियो देख सकते हैं ( वीडियो नियंत्रण क्लिक को प्रोत्साहित करते हैं )
2. आप थंबनेल के रूप में उपयोग करने के लिए वीडियो में एक विशिष्ट फ्रेम चुन सकते हैं (इस प्रकार आपकी सामग्री को और अधिक आकर्षक बना सकते हैं )
3. आप वीडियो में किसी विशिष्ट समय से लिंक कर सकते हैं , जिसमें से लिंक-छवि पर क्लिक करने पर खेल शुरू हो जाएगा। (35 सेकंड से हमारे मामले में)

स्क्रीनशॉट लेने और अपलोड करने में कुछ सेकंड लगते हैं लेकिन एक बड़ा भुगतान होता है।

हर जगह काम करता है!

चूंकि यह मानक मार्कडाउन है, इसलिए यह हर जगह काम करता है। GitHub, Reddit, Ghost और यहां स्टैक ओवरफ्लो पर प्रयास करें।

Vimeo

यह दृष्टिकोण Vimeo वीडियो के साथ भी काम करता है

उदाहरण

कोड

[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

टिप्पणियाँ:

• स्क्रीनशॉट कैसे लें: http://www.take-a-screenshot.org/ (सभी प्लेटफार्म)
• थंबनेल छवि अपलोड करें: एक बार जब आप अपना स्क्रीनशॉट ले लेते हैं, तो आप अपलोड करने के लिए इसे imgur.com में खींच सकते हैं और छोड़ सकते हैं और तुरंत इसे अपने थंबनेल पर उपयोग कर सकते हैं;
• YouTube थंबनेल जानकारी: मुझे YouTube API से YouTube वीडियो थंबनेल कैसे मिलेगा?

Comments

मुझे हाल ही में पता चला कि मुझे यह काम करने के लिए URL से http / https URL योजना को छोड़ना पड़ा, अर्थात[![Everything Is AWESOME](//img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](//www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

— स्टीफन क्वान

@StephenQuan कौन से मार्कडाउन पार्सर / प्लेटफॉर्म का उपयोग कर रहे थे? हम कोड का उपयोग के साथhttp या httpsGitHub जैसे पर: github.com/dwyl/remote-working जहां वीडियो छवि और लिंक काम ...

— nelsonic

Answer 3

मार्कडाउन आधिकारिक तौर पर वीडियो एम्बेडिंग का समर्थन नहीं करता है, लेकिन आप इसमें कच्चा HTML एम्बेड कर सकते हैं। मैंने GitHub Pages के साथ परीक्षण किया और यह त्रुटिपूर्ण काम करता है।

1. YouTube पर वीडियो पेज पर जाएं और शेयर बटन पर क्लिक करें
2. एम्बेड चुनें
3. HTML स्निपेट को अपने मार्कडाउन में कॉपी और पेस्ट करें

स्निपेट जैसा दिखता है:

    <iframe width="560" height="315"
src="https://www.youtube.com/embed/MUQfKFzIOeU" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

पुनश्च: आप यहां लाइव पूर्वावलोकन देख सकते हैं

Comments

यह iframe रणनीति आशाजनक लग रही थी। हालाँकि, यह मेरे रेपो की READ.md फ़ाइल में काम नहीं करता है ।

— एडम हर्विट्ज़

Answer 4

यदि आपको HTML टैग पसंद हैं तो मार्कडाउन + केंद्र संरेखण से अधिक:

<div align="center">
  <a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"><img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"></a>
</div>

Answer 5

केंद्र को थंबनेल और लिंक के साथ वीडियो संरेखित करें:

<div align="center">
      <a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y">
     <img 
      src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" 
      alt="Everything Is AWESOME" 
      style="width:100%;">
      </a>
    </div>

परिणाम:

Comments

यह एक शानदार जवाब है क्योंकि इसे स्वचालित करना आसान है! उस अंत तक, उस छवि लिंक के लिए टेम्पलेट है https://img.youtube.com/vi/ID_OF_VIDEO/0.jpgऔर छवि लिंक बनाने के लिए एपीआई को इस उत्तर में विस्तार से समझाया गया है: stackoverflow.com/a/2068371/55478

— Noah Sussman

Answer 6

मैंने इसे सरल बनाने के लिए https://yt-embed.herokuapp.com/ बनाया । उपयोग प्रत्यक्ष है, ऊपर के उदाहरणों से:

[![Everything Is AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

में परिणाम होगा:

बस https://img.youtube.com/vi/ के बजाय छवि के रूप में : https://yt-embed.herokuapp.com/embed?v= Isvideo_id] पर कॉल करें ।

Answer 7

• हम Markdown में html कोड का उपयोग कर सकते हैं।
• एक वीडियो एम्बेड करें या support.google.com/youtube से प्लेलिस्ट पर आधिकारिक दस्तावेज़ देखें

<iframe width="560" height="315"
src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Youtube के बारे में और टिप्स, ट्रिक्स की जाँच करें