HTML DOM Video canPlayType() मेथड
HTML DOM Video canPlayType() एक स्ट्रिंग लौटाता है जो दर्शाता है कि ब्राउज़र निर्दिष्ट वीडियो प्रकार को चला सकता है या नहीं।
सिंटैक्स
बूलियन मान प्राप्त करना - true/false
videoObject.canPlayType(typeAsParameter)
यहां, वापसी मान निम्न हो सकते हैं:
| returnValue | विवरण |
|---|---|
| probably | यह परिभाषित करता है कि ब्राउज़र निर्दिष्ट वीडियो प्रकार का सबसे अधिक समर्थन करता है |
| maybe | यह परिभाषित करता है कि ब्राउज़र निर्दिष्ट वीडियो प्रकार का समर्थन कर सकता है, लेकिन प्लेबैक का प्रयास करके सुनिश्चित करना होगा |
| "" (खाली स्ट्रिंग) | यह परिभाषित करता है कि ब्राउज़र निश्चित रूप से निर्दिष्ट वीडियो प्रकार का समर्थन नहीं करता |
उदाहरण
आइए Video canPlayType() प्रॉपर्टी का एक उदाहरण देखें:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video canPlayType()</title> <style> * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-Video-canPlayType( )</legend> <video id="demo" width="320" controls><source src="" type="video/mp4"></video><br> <input type="button" onclick="getTrackDetails()" value="Does Browser Supports video/mp4?"> <div id="divDisplay"> </div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); var srcOfMedia = 'https://www.tutorialspoint.com/html5/foo.mp4'; function getTrackDetails() { var ans = demo.canPlayType('video/mp4'); if(ans !== ''){ divDisplay.textContent = 'Browser supports mp4'; demo.src = srcOfMedia; demo.load(); } else divDisplay.textContent = 'Browser does not supports mp4'; } </script> </body> </html>
आउटपुट
'Does Browser Supports video/mp4?' बटन पर क्लिक करने से पहले:
'Does Browser Supports video/mp4' बटन पर क्लिक करने के बाद:
