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

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


ভিডিও প্লেব্যাক রেট প্রোপার্টি

HTML DOM Video playbackRate প্রোপার্টি মিডিয়ার বর্তমান প্লেব্যাক রেট নির্দেশকারী একটি নম্বর ফেরত দেয় বা সেট করে।

সিনট্যাক্স

playbackRate নম্বর হিসেবে ফেরত দেওয়া

mediaObject.playbackRate

playbackRate কে নম্বর হিসেবে সেট করা

mediaObject.playbackRate = number

দ্রষ্টব্য - Number-এর সর্বোচ্চ মান '16' এবং '0.0' হলে ভিডিও স্থির থাকে।

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>HTML DOM Video playbackRate</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-playbackRate</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(1)" value="Slow (<<)">          <input type="button" onclick="getTrackDetails(2)" value="Fast (>>)">          <div id="divDisplay"></div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var demo = document.getElementById("demo");    function getTrackDetails(val) {       if(val === 1){          demo.playbackRate -= 0.5;          divDisplay.textContent = 'Default Playback Set: '+demo.playbackRate;       }       else{          demo.playbackRate += 0.5;          divDisplay.textContent = 'Default Playback Set: '+demo.playbackRate;       }    } </script> </body> </html>

আউটপুট

'Fast (>>)' বাটনে ২ বার ক্লিক করলে -

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

এখন, 'Slow (<<)' বাটনে একবার ক্লিক করলে -

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


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

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

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

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