আমি একটি ভিডিও প্লেয়ার তৈরি করার চেষ্টা করছি, যা সর্বত্র কাজ করে। এতক্ষণ আমি সাথে যাব:
<video>
<source src="video.mp4"></source>
<source src="video.ogv"></source>
<object data="flowplayer.swf" type="application/x-shockwave-flash">
<param name="movie" value="flowplayer.swf" />
<param name="flashvars" value='config={"clip":"video.mp4"}' />
</object>
</video>(বেশ কয়েকটি সাইটে যেমন দেখা গেছে, উদাহরণস্বরূপ সবার জন্য ভিডিও ) এখন পর্যন্ত তাই খুব ভাল।
তবে এখন আমি ভিডিও প্লেয়ারের সাথে এক ধরণের প্লেলিস্ট / মেনুও চাই, যা থেকে আমি অন্যান্য ভিডিও নির্বাচন করতে পারি। এগুলি এখনই আমার প্লেয়ারের মধ্যে খোলা উচিত। সুতরাং আমাকে "ভিডিওটির উত্সটি পরিবর্তনশীলভাবে পরিবর্তন করতে হবে" (যেমন dev.opera.com/articles/everything-you-need-to- ज्ञान-html5 - video - audio/ - বিভাগে দেখা যাচ্ছে "আসুন অন্য সিনেমাটি দেখুন) ") জাভাস্ক্রিপ্ট সহ। আসুন আপাতত ফ্ল্যাশপ্লেয়ার (এবং এভাবে আইই) অংশটি ভুলে যাই, আমি পরে এটির সাথে চেষ্টা করার চেষ্টা করব।
সুতরাং <source>ট্যাগগুলি পরিবর্তন করতে আমার জেএস এর মতো কিছু হওয়া উচিত:
<script>
function loadAnotherVideo() {
var video = document.getElementsByTagName('video')[0];
var sources = video.getElementsByTagName('source');
sources[0].src = 'video2.mp4';
sources[1].src = 'video2.ogv';
video.load();
}
</script>সমস্যাটি হচ্ছে, এটি সমস্ত ব্রাউজারে কাজ করে না। যেমন, ফায়ারফক্স = ও একটি দুর্দান্ত পৃষ্ঠা রয়েছে, যেখানে আপনি যে সমস্যাটি দেখছেন তা আপনি পর্যবেক্ষণ করতে পারেন: http://www.w3.org/2010/05/video/mediaevents.html
লোড () পদ্ধতিটি (ফায়ারফক্সে, মনে রাখবেন) ট্রিগার করার সাথে সাথেই ভিডিও প্লেয়ারটি মারা যায়।
এখন আমি জানতে পেরেছি যে আমি যখন একাধিক <source>ট্যাগ ব্যবহার করি না , তবে পরিবর্তে <video>ট্যাগের মধ্যে কেবল একটি src বৈশিষ্ট্য হয় , পুরো জিনিসটি ফায়ার ফক্সে কাজ করে।
সুতরাং আমার পরিকল্পনাটি হ'ল কেবলমাত্র সেই সিআরসি বৈশিষ্ট্যটি ব্যবহার করা এবং CanPlayType () ফাংশনটি ব্যবহার করে উপযুক্ত ফাইলটি নির্ধারণ করা ।
আমি কি এটি কোনওভাবে ভুল বা জটিল করে দিচ্ছি ??
<source>ট্যাগ দিয়ে কাজ করার উপায় ছিল । তাহলে আমি মনে করি এটি আরও সহজ হবে