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

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


ভিডিও src প্রোপার্টি

HTML DOM Video src প্রোপার্টি ভিডিওর URL-এর সাথে মিলে যাওয়া একটি স্ট্রিং ফেরত দেয় বা সেট করে।

সিনট্যাক্স

স্ট্রিং মান ফেরত দেওয়া

mediaObject.src

src কে URLString-এ সেট করা

mediaObject.poster = URLString

উদাহরণ

HTML DOM Video src প্রোপার্টির একটি উদাহরণ -

<!DOCTYPE html><html> <head> <title>HTML DOM Video src</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-src</legend>          <video id="demo" width="320" controls src="https://www.tutorialspoint.com/html5/foo.mp4"          type="video/mp4"> </video><br>          <input type="button" onclick="getTrackDetails()" value="Get URL">          <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");       function getTrackDetails() {          if(textSelect.value === 'admin')             divDisplay.textContent = 'Video URL: '+demo.src;          else             divDisplay.textContent = 'Cannot Provide URL, Unauthorized User';       }    </script> </body> </html>

আউটপুট

ইউজার নেম এন্টার করার পর 'Get URL' বাটনে ক্লিক করলে -

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

"admin" ইউজারনেম হিসেবে এন্টার করার পর 'Get URL' বাটনে ক্লিক করলে URL এক্সেস করা যাবে -

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


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

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

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

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