জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম Video অবজেক্ট


Video অবজেক্ট html5 icom

Video অবজেক্ট এইচটিএমএল৫-এ নতুন।

ভিডিও অবজেক্ট এইচটিএমএল <video> এলিমেন্টকে প্রতিনিধিত্ব করে ।

নোটঃ <video> এলিমেন্ট ইন্টারনেট এক্সপ্লোর ৮ এবং তার আগের ভার্সনগুলোতে সাপোর্ট করে না।


ভিডিও অবজেক্ট তৈরি

document.createElement()মেথড ব্যবহার করে আপনি <video> এলিমেন্ট তৈরি করতে পারবেন।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<p><button onclick="myFunc()">ক্লিক করুন</button></p>

<script>
function myFunc() {
  var a = document.createElement("video");
  a.setAttribute("src","../../video/satt_video.mp4");
  a.setAttribute("width", "320");
  a.setAttribute("height", "240");
  a.setAttribute("controls", "controls");
  document.body.appendChild(a);
}
</script>
</body>
</html>

ফলাফল




ভিডিও অবজেক্টকে এক্সেস

getElementById() ব্যবহার করে আপনি একটি <video> এলিমেন্টকে এক্সেস করতে পারবেনঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<video id="sattVideo" width="320" height="240" controls>
  <source src="../../video/satt_video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

<button onclick="myFunc()">ক্লিক করুন</button>
<p id="test"></p>

<script>
function myFunc() {
  var a = document.getElementById("sattVideo").duration;
  document.getElementById("test").innerHTML = a;
}
</script>
</body>
</html>

ফলাফল




ভিডিও অবজেক্ট প্রোপার্টি

প্রোপার্টি বর্ণনা
audioTracks অডিও ট্রাক এর প্রতিনিধিত্ব করে AudioTrackList অবজেক্ট রিটার্ন করে।
autoplay একটি ভিডিও তাড়াতাড়ি শুরু হবে কিনা তা সেট বা রিটার্ন করে
buffered একটি ভিডিও-এর অংশ buffered প্রতিনিধিত্ব করতে TimeRanges অবজেক্ট রিটার্ন করে
controller একটি ভিডিও-এর চলমান মিডিয়া কন্ট্রোলার প্রতিনিধিত্ব করতে MediaController অবজেক্ট রিটার্ন করে ।
controls একটি ভিডিও কন্ট্রোল (play/pause ইত্যাদি) প্রদর্শিত হবে কি না তা সেট অথবা রিটার্ন করে ।
crossOrigin একটি ভিডিও-এর CORS settings সেট অথবা রিটার্ন করে ।
currentSrc চলমান ভিডিও-এর URL রিটার্ন করে ।
currentTime একটি ভিডিও-এর বর্তমান প্লেব্যাক অবস্থান সেট করে অথবা রিটার্ন করে। (সেকেন্ডে)
defaultMuted একটি ভিডিওর ডিফল্ট আকারে সাউন্ড বন্ধ কিনা তা সেট অথবা রিটার্ন করে
defaultPlaybackRate একটি ভিডিওর প্লেব্যাক গতি ডিফল্ট কিনা তা সেট অথবা রিটার্ন করে
duration একটি ভিডিওর length রিটার্ন করে (সেকেন্ডে)
ended ভিডিওর প্লেব্যাক শেষ হয়েছে কিনা তা রিটার্ন করে
error অবজেক্ট ভিডিওর error state প্রতিনিধিত্ব করে MediaError রিটার্ন করে ।
height একটি ভিডিওর height এট্রিবিউট সেট অথবা রিটার্ন করে ।
loop ভিডিও সমাপ্ত হলে,প্রত্যেকবার ভিডিও আবার চলতে শুরু করবে কিনা তা সেট অথবা রিটার্ন করে।
mediaGroup ভিডিওর অংশে মিডিয়া গ্রুপের নাম সেট অথবা রিটার্ন করে ।
muted একটি ভিডিওর সাউন্ড বন্ধ কি না তা সেট অথবা রিটার্ন করে ।
networkState একটি ভিডিওর বর্তমান নেটওয়ার্ক state রিটার্ন করে।
paused একটি ভিডিও paused কিনা তা সেট অথবা রিটার্ন করে।
playbackRate ভিডিও প্লেব্যাক এর গতি সেট অথবা রিটার্ন করে।
played একটি ভিডিওর চালু করা অংশে প্রতিনিধিত্ব করে একটি TimeRanges অবজেক্ট রিটার্ন করে ।
poster একটি ভিডিওর poster এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে ।
preload একটি ভিডিওর preload এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে ।
readyState একটি ভিডিওর বর্তমান state রিটার্ন করে
seekable একটি ভিডিও এর seekable অংশের প্রতিনিধিত্ব করে একটি TimeRanges অবজেক্ট রিটার্ন করে ।
seeking ব্যবহারকারী বর্তমানে ভিডিওতে সচেষ্ট কিনা তা রিটার্ন করে ।
src একটি ভিডিওর src এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে ।
startDate বর্তমান সময়ের অফসেটের প্রতিনিধিত্ব করে একটি Date অবজেক্ট রিটার্ন করে ।
textTracks সহজলভ্য টেক্সট ট্রাক প্রতিনিধিত্ব করে একটি টেক্স Tracklist অবজেক্ট রিটার্ন করে।
videoTracks ভিডিও ট্রাক প্রতিনিধিত্ব করে একটি ভিডিও Tracklist অবজেক্ট রিটার্ন করে ।
volume একটি ভিডিওর অডিও ভলিয়ম সেট অথবা রিটার্ন করে ।
width একটি ভিডিওর width এট্রিবিউট ভ্যালু সেট অথবা রিটার্ন করে ।

ভিডিও অবজেক্ট মেথড (Video Object Methods)

মেথড বর্ননা
addTextTrack() ভিডিও তে নতুন টেক্সট ট্রাক যুক্ত করে ।
canPlayType() ব্রাউজারে নির্দিষ্ট ভিডিও টাইপ চালু হবে কি না তা চেক করে ।
load() ভিডিও এলিমেন্ট রি-লোড করে ।
play() ভিডিও চালু করে
pause() বর্তমানে চলমান ভিডিও Pauses করে ।

স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন