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

HTML5 वीडियो या ऑडियो प्लेलिस्ट

JavaScript के साथ प्लेलिस्ट कार्यान्वयन

प्लेलिस्ट जोड़ने के लिए HTML के साथ JavaScript का उपयोग करें। onended इवेंट तब फायर होता है जब ऑडियो/वीडियो अंत तक पहुंच जाता है। आप "Thank you for watching", "Stay tuned!" जैसे संदेश जोड़ सकते हैं।

उदाहरण: onended इवेंट

<!DOCTYPE HTML>
<html>
  <body>
    <video width="300" height="200" controls onended="display()">
      <source src="/html5/foo.ogg" type="video/ogg" />
      Your browser does not support the video element.
    </video>
    <script>
      function display() {
        alert("Thank you for watching! Stay tuned!");
      }
    </script>
  </body>
</html>

अगला क्लिप लोड करना

आप onended इवेंट में अगला क्लिप लोड कर सकते हैं:

<script>
  var next = "path/of/next/video.mp4";
  var video = document.getElementById('video');
  video.onended = function(){
    video.src = next;
  }
</script>
<video id="video" src="path/of/current/video.mp4" autoplay autobuffer controls />

यह एक सरल वीडियो/ऑडियो प्लेलिस्ट कार्यक्षमता बनाता है।

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

    HTML DOM Video seeking प्रॉपर्टी HTML DOM Video seeking प्रॉपर्टी एक बूलियन (true/false) लौटाती है जो दर्शाता है कि उपयोगकर्ता चल रहे वीडियो को सीक कर रहा है (वर्तमान प्लेबैक को नई स्थिति पर ले जा रहा है) या नहीं। सिंटैक्स बूलियन मान प्राप्त करना mediaObject.seeking उदाहरण आइए HTML DOM Video see

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

    HTML DOM Video seekable प्रॉपर्टी HTML DOM Video seekable प्रॉपर्टी एक TimeRanges ऑब्जेक्ट लौटाती है जिसमें वीडियो की सीक करने योग्य रेंज की लंबाई और उसकी शुरुआत, अंत की स्थिति के बारे में जानकारी होती है। सिंटैक्स TimeRanges ऑब्जेक्ट प्राप्त करना mediaObject.seekable उदाहरण आइए Video seekable प

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

    HTML DOM Video preload प्रॉपर्टी HTML DOM Video preload प्रॉपर्टी एक स्ट्रिंग लौटाती है जो दर्शाती है कि निर्माता के अनुसार वीडियो डेटा कब लोड होना चाहिए। हालांकि कभी-कभी इसे नजरअंदाज किया जा सकता है। डिफ़ॉल्ट मान metadata है। सिंटैक्स स्ट्रिंग मान प्राप्त करना mediaObject.preload preload को स्ट