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

ভিডিও কন্ট্রোলস প্রোপার্টি

HTML DOM Video controls প্রোপার্টি একটি বুলিয়ান মান ফেরত দেয় বা সেট করে যা নির্দেশ করে ভিডিওর স্ট্যান্ডার্ড কন্ট্রোলস সক্রিয় থাকবে কিনা।

সিনট্যাক্স

বুলিয়ান মান ফেরত দেওয়া - true/false

mediaObject.controls

controls কে booleanValue-তে সেট করা

mediaObject.controls = booleanValue

এখানে, "booleanValue" নিম্নলিখিত হতে পারে -

উদাহরণ

Video controls প্রোপার্টির একটি উদাহরণ -

<!DOCTYPE html> <html> <head> <title>HTML DOM Video controls</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-controls</legend>          <video id="demo" width="320" controls><source                src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br>          <input type="button" onclick="getTrackDetails()" value="Watch Video">          <input type="text" id="textSelect" placeholder="Full Name...">          <div id="divDisplay"></div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var textSelect = document.getElementById("textSelect");    var demo = document.getElementById("demo");    demo.controls = false;    function getTrackDetails() {       if(textSelect.value !== ''){          demo.controls = true;          divDisplay.textContent = 'Thank you '+textSelect.value;       }       else          divDisplay.textContent = 'Please Provide Full Name to enable video'+textSelect.value;    } </script> </body> </html>

আউটপুট

খালি ইনপুট ফিল্ডের সাথে 'Watch Video' বাটনে ক্লিক করলে -

নন-এম্পটি ইনপুট ফিল্ডের সাথে 'Watch Video' বাটনে ক্লিক করলে -