Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में ऑडियो/वीडियो कंट्रोल्स कैसे शामिल करें?

HTML में ऑडियो/वीडियो कंट्रोल्स (प्ले, पॉज, वॉल्यूम, फुलस्क्रीन, सीक बार) शामिल करने के लिए controls बूलियन एट्रिब्यूट का उपयोग किया जाता है। यह <audio> और <video> दोनों एलिमेंट्स पर काम करता है।

उदाहरण

निम्न कोड से controls एट्रिब्यूट लागू करें:

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML video Tag</title> 
  </head> 
  <body> 
    <p>ऑनलाइन कंपाइलर</p> 
    <br /> 
    <video width="500" height="300" controls> 
      <source src="/html/compileonline.mp4" type="video/mp4"> 
      यह ब्राउज़र वीडियो टैग सपोर्ट नहीं करता। 
    </video> 
  </body> 
</html>

नोट: कंट्रोल्स का UI ब्राउज़र पर निर्भर करता है। कस्टम कंट्रोल्स के लिए JavaScript Media API उपयोग करें।

  1. HTML वेबपेज में ऑडियो प्लेयर कैसे जोड़ें? HTML वेबपेज में ऑडियो प्लेयर कैसे जोड़ें?

    HTML <audio> एलिमेंट का उपयोग वेब पेज में ऑडियो जोड़ने के लिए किया जाता है। ऑडियो प्लेयर जोड़ने के लिए, controls एट्रिब्यूट जोड़ें।HTML में निम्न तीन ऑडियो फॉर्मेट समर्थित हैं: MP3, Wav, और Ogg।उदाहरणHTML वेब पेज में ऑडियो प्लेयर जोड़ने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <html>

  1. - HTML में वीडियो डाउनलोड होते समय दिखाने के लिए इमेज कैसे सेट करें?

    poster एट्रिब्यूट का उपयोग <video> पर करके वह इमेज निर्दिष्ट की जाती है जो वीडियो डाउनलोड हो रहा हो या उपयोगकर्ता प्ले न करे तब तक दिखाई जाती है। यह वीडियो का थंबनेल/प्लेसहोल्डर होता है। उदाहरण निम्न कोड से poster एट्रिब्यूट लागू करें: <!DOCTYPE HTML> <html> <body> &

  1. HTML DOM Video controls प्रॉपर्टी HTML DOM Video controls प्रॉपर्टी

    HTML DOM Video controls प्रॉपर्टी HTML DOM Video controls प्रॉपर्टी एक बूलियन मान लौटाती/सेट करती है जो दर्शाता है कि वीडियो के मानक कंट्रोल सक्षम होंगे या नहीं। सिंटैक्स बूलियन मान प्राप्त करना (true/false) mediaObject.controls controls को बूलियन मान पर सेट करना mediaObject.controls = booleanVa