আমি কীভাবে গিটহাব উইকি পৃষ্ঠাগুলিতে একটি ইউটিউব ভিডিও এম্বেড করতে পারি?

Question

আমি মার্কআপে মোটামুটি নতুন (যদিও এটি পিকআপ করা অত্যন্ত সহজ)। আমি একটি প্যাকেজে কাজ করছি এবং উইকি পৃষ্ঠাগুলি সহায়তার ম্যানুয়াল হিসাবে সুন্দর দেখানোর চেষ্টা করছি। আমি উইকি পৃষ্ঠায় একটি YouTube ভিডিও লিঙ্কটি খুব সহজেই sertোকাতে পারি তবে কীভাবে আমি কোনও ইউটিউব ভিডিও এম্বেড করব। আমি জানি এটি সম্ভব নাও হতে পারে।

আমি পড়েছি আপনি এইচটিএমএল ট্যাগ ব্যবহার করতে পারেন তাই আমি এই লিঙ্কটি এইচটিএমএল অনুসারে নীচে এম্বেড করার চেষ্টা করেছি :

<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. গিটহাব উইকি পৃষ্ঠায় কোনও ইউটিউব ভিডিও এম্বেড করা কি সম্ভব?
2. যদি তাই হয়, কিভাবে?

Comments

এটি সম্ভব যে গিথুব উইকি পৃষ্ঠাগুলি সুরক্ষার জন্য <object> ট্যাগগুলিকে অনুমতি দেয় না।

— সাইপ্রাস ফ্রাঙ্কেনফিল্ড

এছাড়াও দেখুন স্ট্যাকওভারফ্লো.com

— ব্রায়ান বার্নস

Answer 1

সরাসরি ভিডিও এম্বেড করা সম্ভব নয়, তবে আপনি এমন একটি চিত্র রাখতে পারেন যা ইউটিউব ভিডিওতে লিঙ্ক করে:

[![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)

আরও তথ্যের জন্য গিটহাবে এই মার্কডাউন চিটশিটটি দেখুন ।

Comments

Iframe উইকি পৃষ্ঠাগুলির জন্য কাজ করে না, কেবলমাত্র এই সমাধানটি বর্তমানে কাজ করে।

— টাইলার রিঙ্কার

এটি খুব কার্যকর আপনাকে ধন্যবাদ।

— সুশান বিশ্বাস

Answer 2

সম্পূর্ণ উদাহরণ

উপর সম্প্রসারিত @MGA এর উত্তর

মার্কডাউনে কোনও ভিডিও এম্বেড করা সম্ভব না হলেও আপনি এই ফর্ম্যাটটি ব্যবহার করে আপনার মার্কআপ ফাইলটিতে একটি বৈধ লিঙ্কযুক্ত চিত্র অন্তর্ভুক্ত করে "এটি নকল" করতে পারেন:

[![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")

বৈধ মার্কডাউন এবং ইউটিউব থাম্বনেল ব্যবহার করার উদাহরণ:

আমরা সরাসরি ইউটিউব থেকে থাম্বনেল চিত্রটি উত্সাহিত করছি এবং আসল ভিডিওটির সাথে লিঙ্ক করছি, সুতরাং যখন ব্যক্তি চিত্র / থাম্বনেইল ক্লিক করবেন তখন তাদের ভিডিওতে তোলা হবে।

কোড:

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

অথবা আপনি যদি পাঠকদের একটি চাক্ষুষ ইঙ্গিত দিতে চান যে চিত্র / থাম্বনেইলটি আসলে একটি প্লেযোগ্য ভিডিও, ইউটিউবে আপনার নিজের ভিডিওর স্ক্রিনশটটি নিন এবং তার পরিবর্তে থাম্বনেইল হিসাবে ব্যবহার করুন।

ভিডিও নিয়ন্ত্রণের সাথে স্ক্রিনশটটি ভিজ্যুয়াল কিউ হিসাবে ব্যবহার করার উদাহরণ:

কোড:

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

 পরিষ্কার সুবিধা

যদিও এর জন্য বেশ কয়েকটি অতিরিক্ত পদক্ষেপের প্রয়োজন ( ক ) ভিডিওটির স্ক্রিনশট নেওয়া এবং ( খ ) এটি আপলোড করা যাতে আপনি ছবিটি আপনার থাম্বনেইল হিসাবে ব্যবহার করতে পারেন এতে 3 টি সুস্পষ্ট সুবিধা রয়েছে :

1. আপনার মার্কডাউন (বা এর ফলে এইচটিএমএল পৃষ্ঠা) পড়া ব্যক্তিটির কাছে ভিজ্যুয়াল কিউ রয়েছে যা তাদের বলছে যে তারা ভিডিওটি দেখতে পারে ( ভিডিও নিয়ন্ত্রণগুলি ক্লিক করতে উত্সাহিত করে )
2. থাম্বনেল হিসাবে ব্যবহার করতে আপনি ভিডিওতে একটি নির্দিষ্ট ফ্রেম বেছে নিতে পারেন (এইভাবে আপনার সামগ্রীকে আরও আকর্ষক করে তোলে )
3. লিঙ্কযুক্ত চিত্রটি ক্লিক করার পরে আপনি ভিডিওটিতে একটি নির্দিষ্ট সময়ের সাথে লিঙ্ক করতে পারেন যা থেকে প্লে শুরু হবে। (35 সেকেন্ড থেকে আমাদের ক্ষেত্রে)

স্ক্রিনশটটি গ্রহণ এবং আপলোড করতে কয়েক সেকেন্ড সময় লাগে তবে এতে একটি বড় অর্থ প্রদান রয়েছে।

সর্বত্র কাজ করে!

যেহেতু এটি স্ট্যান্ডার্ড মার্কডাউন তাই এটি সর্বত্র কাজ করে। এটি গিটহাব, রেডডিট, ঘোস্ট এবং এখানে স্ট্যাক ওভারফ্লোতে ব্যবহার করে দেখুন।

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-screenhot.org/ (সমস্ত প্ল্যাটফর্ম)
• থাম্বনেল চিত্র আপলোড করুন: একবার আপনার স্ক্রিনশটটি নেওয়ার পরে আপনি এটিকে আপগ্রেড করতে এবং তাৎক্ষণিকভাবে এটি আপনার থাম্বনেইল হিসাবে ব্যবহার করতে ইমগুর.কম. -এ ফেলে দিতে পারেন drop
• ইউটিউব থাম্বনেইল তথ্য: আমি কীভাবে ইউটিউব এপিআই থেকে একটি ইউটিউব ভিডিও থাম্বনেইল পেতে পারি?

Comments

আমি সম্প্রতি পেয়েছি যে এটির কাজ পেতে আমাকে ইউআরএল থেকে http / https ইউআরএল স্কিম বাদ দিতে হয়েছিল, অর্থাৎ[![Everything Is AWESOME](//img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](//www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

— স্টিফেন কোয়ান

@ স্টেফেন কিউয়ান আপনি কোন মার্কডাউন পার্সার / প্ল্যাটফর্মটি ব্যবহার করছেন? আমরা কোড ব্যবহার সঙ্গেhttp বা httpsGitHub যেমন করুন: github.com/dwyl/remote-working যেখানে ভিডিও ইমেজ এবং লিঙ্ক কাজ ...

— nelsonic

Answer 3

মার্কডাউন আনুষ্ঠানিকভাবে ভিডিও এম্বেডিংগুলিকে সমর্থন করে না তবে আপনি এতে কাঁচা এইচটিএমএল এম্বেড করতে পারেন। আমি গিটহাব পৃষ্ঠাগুলি দিয়ে পরীক্ষা করেছি এবং এটি নির্দোষভাবে কাজ করে।

1. ইউটিউবের ভিডিও পৃষ্ঠায় যান এবং শেয়ার বোতামে ক্লিক করুন
2. এম্বেড চয়ন করুন
3. আপনার চিহ্নডাউনটিতে HTML স্নিপেটটি অনুলিপি করুন এবং আটকান Pas

স্নিপেটটি দেখতে:

    <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>

PS: আপনি এখানে লাইভ প্রাকদর্শন পরীক্ষা করে দেখতে পারেন

Comments

এই iframe কৌশল আশাব্যঞ্জক লাগছিল। তবে এটি আমার রেপোর READ.md ফাইলটিতে কাজ করে না ।

— অ্যাডাম হুরউইটজ

Answer 4

আপনি যদি মার্কডাউন + সেন্টার প্রান্তিককরণের চেয়ে এইচটিএমএল ট্যাগগুলি বেশি পছন্দ করেন:

<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এবং চিত্রের লিঙ্কগুলি গঠনের API টি এই উত্তরে বিস্তারিতভাবে ব্যাখ্যা করা হয়েছে: stackoverflow.com/a/2068371/55478

— নোহ সুসমান

Answer 6

এটিকে সহজ করার জন্য আমি https: //yt-e એમ્બેડ.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://yt-ebb.erokuapp.com/ebb?v= পরিবারভিডিও_আইডি] https://img.youtube.com/vi/ এর পরিবর্তে চিত্র হিসাবে ।

Comments

খুব ভাল হয়েছে, এটি দুর্দান্ত!

— brasofilo

Answer 7

• আমরা মার্কডাউনতে এইচটিএমএল কোড ব্যবহার করতে পারি।
• সমর্থন.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>

ইউটিউব সম্পর্কে আরও টিপস, কৌশল পরীক্ষা করুন