কম্পিউটার টিউটোরিয়াল

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' বাটনে ৩ বার ক্লিক করার পর -

HTML DOM Video height প্রোপার্টি


  1. HTML DOM Video poster প্রোপার্টি

  2. HTML DOM Video played প্রোপার্টি

  3. HTML DOM Video playbackRate প্রোপার্টি

  4. HTML DOM Video width প্রোপার্টি