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

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


ভিডিও লুপ প্রোপার্টি

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

সিনট্যাক্স

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

mediaObject.loop

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

mediaObject.loop = booleanValue

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

booleanValue বিবরণ
true এটি সংজ্ঞায়িত করে যে ভিডিও শেষ হলে স্বয়ংক্রিয়ভাবে আবার প্লে হবে
false এটি সংজ্ঞায়িত করে যে ভিডিও শেষ হলে স্বয়ংক্রিয়ভাবে আবার প্লে হবে না

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>HTML DOM Video loop</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-loop</legend>          <video id="demo" width="320" controls><source    src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4" type="video/mp4"></video><br>          <input type="button" onclick="getTrackDetails()" value="Loop Video Tutorial">          <div id="divDisplay"></div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var demo = document.getElementById("demo");    divDisplay.textContent = 'Video loop: '+demo.loop;    function getTrackDetails() {       demo.loop = true;       demo.load();       divDisplay.textContent = 'Video loop: '+demo.loop;    } </script> </body> </html>

আউটপুট

'Loop Video Tutorial' বাটনে ক্লিক করার আগে -

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

'Loop Video Tutorial' বাটনে ক্লিক করার পর, ভিডিও শুরুতে ফিরে যাবে -

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


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

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

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

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