HTML DOM Video width प्रॉपर्टी

HTML DOM Video width प्रॉपर्टी मीडिया की चौड़ाई (पिक्सेल में) से संबंधित एक नंबर लौटाती/सेट करती है।

सिंटैक्स

width को नंबर (px) के रूप में प्राप्त करना

mediaObject.width

width को नंबर (px) पर सेट करना

mediaObject.width = number

उदाहरण

आइए Video width प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>HTML DOM Video width</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-width</legend>          <video id="demo" height="200" width="170" controls><source          src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br>          <input type="button" onclick="getTrackDetails()" value="Video Not Visible">          <div id="divDisplay"></div>          </fieldset>    </form>    <script>       var divDisplay = document.getElementById("divDisplay");       var demo = document.getElementById("demo");       function getTrackDetails() {          demo.width += 50;          divDisplay.textContent = 'Video width: '+demo.width;       }    </script> </body> </html>

आउटपुट

'Video Not Visible' बटन पर क्लिक करने से पहले:

HTML DOM Video width प्रॉपर्टी

'Video Not Visible' बटन पर 3 बार क्लिक करने पर:

HTML DOM Video width प्रॉपर्टी