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

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

सिंटैक्स

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

mediaObject.height

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

mediaObject.height = number

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>HTML DOM Video height</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-height</legend>          <video id="demo" width="320" height="50" 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.height += 50;       divDisplay.textContent = 'Video height: '+demo.height;    } </script> </body> </html>

आउटपुट

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

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

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

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