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

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


प्लेलिस्ट जोड़ने के लिए जावास्क्रिप्ट के साथ HTML का प्रयोग करें। ऑनेंडेड जब ऑडियो/वीडियो समाप्त हो जाता है तो ईवेंट सक्रिय हो जाता है। आप संदेश जोड़ सकते हैं जैसे "देखने के लिए धन्यवाद", "बने रहें!", आदि

उदाहरण

आप ऑनेंडेड . को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता -

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

आप अगली क्लिप को ऑनेंडेड . में लोड कर सकते हैं नीचे दिए गए कोड की तरह घटना

<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" autoplayautobuffer controls />

  1. संपत्ति की तलाश में HTML DOM वीडियो

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

  1. एचटीएमएल डोम वीडियो तलाशने योग्य संपत्ति

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

  1. HTML DOM वीडियो प्रीलोड प्रॉपर्टी

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