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

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


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

HTML DOM Video seekable প্রোপার্টি একটি TimeRanges অবজেক্ট ফেরত দেয় যাতে ভিডিওর সিকেবল রেঞ্জের দৈর্ঘ্য এবং এর শুরু, শেষ অবস্থানের তথ্য থাকে।

সিনট্যাক্স

TimeRanges অবজেক্ট ফেরত দেওয়া

mediaObject.seekable

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>HTML DOM Video seekable</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-seekable</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="How much free view time is left?">          <div id="divDisplay"></div>       </fieldset>    </form>    <script>       var divDisplay = document.getElementById("divDisplay");       var demo = document.getElementById("demo");       function getTrackDetails() {          divDisplay.textContent = 'You are a premium viewer, so '+demo.seekable.start(0)+' -          '+demo.seekable.end(0)+' are seekable';       }    </script> </body> </html>

আউটপুট

'How much free view time is left?' বাটনে ক্লিক করার আগে -

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

'How much free view time is left?' বাটনে ক্লিক করার পর -

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


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

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

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

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