HTML5 ভিডিও লোড করার সময় কোনও নির্দিষ্ট অবস্থানে শুরু করবেন?

Question

নির্দিষ্ট সময়ে শুরু করতে আমার এইচটিএমএল 5 ভিডিও দরকার। আসুন সময় 50 সেকেন্ড পরে বলি।

আমি চেষ্টা করেছি কিন্তু এটি আশানুরূপভাবে কাজ করছে না। আমি কি ভুল করছি কিছু আছে?

কোডটি এখানে:

   <video id="vid1" width="640" height="360">
       <source src="file.webm" type="video/webm" /> 
       Your browser does not support the video tag.
   </video>
   <script>
       document.getElementById('vid1').currentTime = 50;
   </script> 

পৃষ্ঠাটি লোড হয়ে গেলে এটি শুরু থেকে প্লে শুরু করে। যাইহোক আমি যদি কিছু সময়ের পরে প্লেব্যাকের সময় এই কল করি তবে এটি ঠিক আছে। আমি কি অনুপস্থিত কিছু আছে?

Comments

কি ব্রাউজারগুলি? আপনি কি কয়েক মিলিসেকেন্ডে কলটি বিলম্ব করার চেষ্টা করেছেন? ভিডিও উপাদানটি পুরোপুরি লোড হতে আরও কিছুটা সময় নিচ্ছে

— অরটিগা

Answer 1

কোনও নির্দিষ্ট সময় নেওয়ার আগে ব্রাউজারটি ভিডিওর সময়কাল জানতে না পারা পর্যন্ত আপনাকে অপেক্ষা করতে হবে। সুতরাং, আমি মনে করি আপনি 'লোডমেডেটাডাটা' ইভেন্টটির জন্য এমন কিছু অপেক্ষা করতে চান:

document.getElementById('vid1').addEventListener('loadedmetadata', function() {
  this.currentTime = 50;
}, false);

Comments

এটি সাফারিটিতে কাজ করে না। আমি লোডডাটা ইভেন্টটি চেষ্টা করেছিলাম। কোন ধারনা?

— সাইমন পেরেপেলিটসা

কিছু মনে করো না. এটি WEBM ফর্ম্যাট সহ একটি সমস্যা। এমপি 4 ভাল কাজ করে।

— সাইমন পেরপেলিটসা

'সময়কালীন পরিবর্তন' ইভেন্টটি ব্যবহার করুন এবং ভিডিও

— জেসন হোয়াইট

Answer 2

আপনি মিডিয়া টুকরা ইউআরআইয়ের সাথে সরাসরি লিঙ্ক করতে পারেন , কেবল ফাইলের নামটি file.webm # t = 50 এ পরিবর্তন করুন

এখানে একটি উদাহরণ

এটি বেশ দুর্দান্ত, আপনি সব ধরণের জিনিস করতে পারেন। তবে আমি ব্রাউজার সমর্থনের বর্তমান অবস্থা জানি না।

Comments

ব্রাউজার সমর্থন ভাল। আমি মনে করি সমস্ত HTML5 সমর্থনকারী ব্রাউজারগুলি কমপক্ষে বেসিক টেম্পোরাল মিডিয়া টুকরো সমর্থন করে।

— জিম এস

@ মাইকেলহানন, এটি অর্জনের জন্য IE এর পক্ষে একটি পলিফিল লেখা বরং সহজ হবে। ব্রাউজারটি সনাক্ত করুন, যদি সমর্থন না করা হয় তবে ইউআরএল

— বিচ্ছেদ করুন

এন্ড টাইম সেট করার জন্য কি কোনও খণ্ড রয়েছে?

— ডিজিওকো

এমনকি এটি বিন্দুর পরে একটি সেকেন্ডের ভগ্নাংশকেও মঞ্জুরি দেয়: #t=17.79^ _

— les

Answer 3

জাভাস্ক্রিপ্ট ব্যবহার করা ছাড়া

#t=[(start_time), (end_time)]আপনার মিডিয়া URL এর শেষে কেবল যুক্ত করুন । একমাত্র ধাক্কা (যদি আপনি এটি সেভাবে দেখতে চান) হ'ল আপনার ভিডিওর শেষ সময়টি নির্দেশ করতে কতক্ষণ দীর্ঘ তা জানতে হবে। উদাহরণ:

<video>
    <source src="splash.mp4#t=10,20" type="video/mp4">
</video>

নোটস: আইই সমর্থিত নয়

Comments

দ্বিতীয় সংখ্যাটি মনে হচ্ছে না যে ভিডিওটি কতটা লোড হয়েছিল তার সাথে শুরু করার জন্য ... প্রথম অঙ্কটি কাজ করেছিল। কোন চিন্তা?

— মার্টিয়ান2049

এটি সত্যিই ভাল কাজ করে না। ব্রাউজারটি এখনও এটি যতটা চায় প্রিলোড, সম্ভবত যেখানে আপনি সিদ্ধান্ত নিয়েছে কেবল শুরু এবং শেষ হবে, কিন্তু

— প্রিলোডটি থামেনি

Answer 4

এইচটিএমএল 5 এ ভিডিও ট্যাগ ব্যবহার করার সময় ভিডিও শুরু এবং শেষের সময় সামঞ্জস্য করুন;

http://www.yoursite.com/yourfolder/yourfile.mp4#t=5,15

যেখানে কমা বাম সেকেন্ডে শুরু সময় হয়, কমা এর ডান হয় সেকেন্ডের শেষ সময়। কমা এবং শেষ সময়টি কেবলমাত্র শুরুর সময়কে কার্যকর করতে ড্রপ করুন।

Comments

দ্বিতীয় সংখ্যাটি মনে হচ্ছে না যে ভিডিওটি কতটা লোড হয়েছিল তার সাথে শুরু করার জন্য ... প্রথম অঙ্কটি কাজ করেছিল। কোন চিন্তা?

— মার্টিয়ান2049

ব্রাউজারগুলির সাথে কাজ করার সময়, কোনও বৈশিষ্ট্যটি কীভাবে ব্যাপকভাবে সমর্থিত তা দেখতে ডাব্লু 3 সি স্পেক এবং ক্যানিউজ ডট কম যাচাই করা ভাল। (সেরা স্ট্যাকওভারফ্লো উত্তরগুলির চশমার লিঙ্ক। w3.org/TR/media-frags

— মাইকেল

Answer 5

এইচএলএস উত্সের জন্য সাফারি ম্যাকে, আমার মেটাটাটা ইভেন্টের পরিবর্তে লোডডেটা ইভেন্টটি ব্যবহার করা দরকার।

Comments

আমি মনে করি লোডমেডেডাটাটি সঠিক ঘটনা বলে মনে করা হচ্ছে, তবে আমিও ডেটালয়েডের জন্য না শুনলে সন্ধানযোগ্য দৈর্ঘ্য 0 (কেবলমাত্র ওএসএক্স-এ সাফারিতে) পাচ্ছিলাম। ধন্যবাদ

— স্ট্যাটাসও

কেন এই নিম্নমানের ছিল? এটি সম্ভবত ওপি সরবরাহিত উদাহরণের সাথে সরাসরি সম্পর্কিত নয়, তবে এটি সত্যই সঠিক এবং প্রশ্নের সাধারণ বিষয়ের সাথে প্রাসঙ্গিক।

— জয়পিয়া

Answer 6

একটি #t=10,20খণ্ড ব্যবহার আমার জন্য কাজ করে।

Comments

এটি প্রায় আরও ৫ বছর পূর্বে লেখা আরও দুটি উচ্চ-ভোটের উত্তরের পুনরাবৃত্তি।

— মাইকেল শ্যাপার 20