HTML YouTube वीडियो

अनिवार्य कोर्स

कोर्स सिफारिश:

HTML में वीडियो को शामिल करने का सबसे सरल तरीका YouTube का उपयोग करना है。

वीडियो फॉर्मेट का विवाद कर रहे हैं?

वीडियो को अलग-अलग फॉर्मेट में बदलना अधिक अवधि लेता है और दुष्कर हो सकता है。

एक साधारण समाधान है YouTube को अपने वेब पृष्ठ में वीडियो प्लेय करने के लिए डालना。

YouTube Video Id

वीडियो को सहेजने (या प्लेय करने) के समय YouTube एक id दिखाता है (उदाहरण के लिए ih1l6wb7LhU)。

आप इस id का उपयोग कर सकते हैं और HTML कोड में अपने वीडियो का संदर्भ दे सकते हैं。

  • HTML में YouTube वीडियो जोड़ें
  • अगर आप वेब पृष्ठ पर वीडियो प्लेय करना चाहते हैं तो नीचे दिए गए कदमों को अनुसरण करें:
  • वीडियो को YouTube पर अपलोड करें वीडियो id याद रखें अपने वेब पृष्ठ में निर्धारित करें
  • <iframe> एलेमेंट src
  • प्लेयर के URL को इंगित करने वाली विशेषता width और height प्लेयर के आकार को निर्धारित करने वाली विशेषता
  • URL में अन्य पारामीटर जोड़ें (नीचे देखें)

उदाहरण

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

स्वयं प्रयोग करें

YouTube Autoplay + Mute

आप YouTube URL पर autoplay=1 जोड़कर वीडियो को उपयोगकर्ता जब पृष्ठ पर आता है तो स्वचालित रूप से प्लेय कर सकते हैं। लेकिन, वीडियो को स्वचालित रूप से प्लेय करने से आपके दर्शक को उबाऊ करने की आशंका हो सकती है!

ध्यान:अधिकांश मामलों में, क्रॉमियम ब्राउज़र ऑटोप्लेय को नहीं अनुमति देता है। लेकिन हमेशा शब्दों के ऑटोप्लेय को अनुमति देता है。

में autoplay=1 बाद में जोड़ें mute=1वीडियो को स्वचालित रूप से शुरू करेगा (लेकिन मौन होगा)。

YouTube - Autoplay + Muted

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

स्वयं प्रयोग करें

YouTube Playlist

पढ़ने के लिए समानता से अलग होने वाले वीडियो सूची (मूल यूआरएल को छोड़ें)。

YouTube Loop

जोड़ें loop=1 यह आपके वीडियो को हमेशा लूप में रखेगा。

मूल्य 0 (डिफ़ॉल्ट): वीडियो एक बार चलेगा。

मूल्य 1: वीडियो लूप में चलेगा (हमेशा)。

YouTube - Loop

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

स्वयं प्रयोग करें

YouTube नियंत्रक

जोड़ें controls=0 यह वीडियो प्लेयर नियंत्रक दिखाने के लिए नहीं है。

मूल्य 0: प्लेयर नियंत्रक नहीं दिखाया जाता है。

मूल्य 1 (डिफ़ॉल्ट): प्लेयर नियंत्रक दिखाया जाता है。

YouTube - Controls

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

स्वयं प्रयोग करें