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

HTML DOM Track src প্রপার্টি

HTML DOM Track src প্রপার্টি ট্র্যাক এলিমেন্টের src অ্যাট্রিবিউটের মান সেট বা রিটার্ন করে যাতে ট্র্যাকের URL নির্দিষ্ট করা যায়।

সিনট্যাক্স

trackObject.src

src সেট করা:

trackObject.src = URL

উদাহরণ

<!DOCTYPE html> <html> <head> <title>Track src</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } </style> </head> <body>    <form>          <fieldset>          <legend>Track-src</legend>          <video id="videoSelect" controls width="250" src="sample.mp4">             <track default kind="subtitles" srclang="es" src="sample-es.srt" label="English"/>             <track kind="subtitles" srclang="en" src="sample-en.srt" label="Spanish" />          </video><br>          <input type="button" onclick="getTrackDetails()" value="Is the src of default track    trustworthy?">          <div id="divDisplay"></div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var trackSelect = document.getElementsByTagName("track");    function getTrackDetails() {       for(var i=0; i<trackSelect.length; i++)          if(trackSelect[i].default){             console.log(trackSelect[i].src);                if(trackSelect[i].src === 'sample-es.srt')                   divDisplay.textContent = 'src of default track is trustworthy';                else                   divDisplay.textContent = 'src of default track is not trustworthy';          }    } </script> </body> </html>

আউটপুট

'Is the src of default track trustworthy?' বাটনে ক্লিক করার আগে:

HTML DOM Track src প্রপার্টি

'Is the src of default track trustworthy?' বাটনে ক্লিক করার পর:

HTML DOM Track src প্রপার্টি

  1. HTML DOM Track kind প্রপার্টি

  2. HTML DOM Track default প্রপার্টি

  3. HTML DOM Track srclang প্রপার্টি

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