এইচটিএমএল 5-এ লোকেটিং-এর জন্য অসম্পূর্ণভাবে ভিডিও প্লে করুন

Question

আমি একটি এইচটিএমএল 5 পৃষ্ঠায় এমন একটি ভিডিও রাখার সন্ধান করছি যা পৃষ্ঠা-লোডে প্লে শুরু হবে এবং একবার শেষ হয়ে গেলে বিনা বিরতিতে শুরুতে লুপ ফিরে আসবে। ভিডিওটির সাথে এর সাথে কোনও নিয়ন্ত্রণ যুক্ত হওয়া উচিত নয় এবং হয় হয় সমস্ত 'আধুনিক' ব্রাউজারগুলির সাথে সামঞ্জস্যপূর্ণ, অথবা পলিফিলের বিকল্প থাকতে পারে।

পূর্বে আমি এটির মাধ্যমে Flashএবং এটি FLVPlaybackকরতে পারতাম তবে আমি Flashএইচটিএমএল 5 গোলকের মধ্যে পরিষ্কার করতে পছন্দ করতাম । আমি ভাবছি আমি setTimeoutএকটি মসৃণ লুপ তৈরি করতে জাভাস্ক্রিপ্ট ব্যবহার করতে পারি, তবে ভিডিওটি এম্বেড করার জন্য আমার কী ব্যবহার করা উচিত? এখানে কি এমন কিছু আছে যা ভিডিওটি স্ট্রিম করে FLVPlaybackদেবে?

Answer 1

লুপ অ্যাট্রিবিউট এটা করতে হবে:

<video width="320" height="240" autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

লুপ অ্যাট্রিবিউটের সাথে আপনার যদি সমস্যা হয় (যেমন আমরা অতীতে ছিলাম), videoEndইভেন্টটি শুনুন এবং play()আগুনের সময় পদ্ধতিটি কল করুন ।

দ্রষ্টব্য 1: আমি অ্যাপলের আইপ্যাড / আইফোনের আচরণ সম্পর্কে নিশ্চিত নই, কারণ তাদের বিরুদ্ধে কিছু বিধিনিষেধ রয়েছে autoplay।

নোট 2: loop="true"এবং autoplay="autoplay"হ্রাস করা হয়েছে

Comments

সত্যিই ভাল পরামর্শ স্যার। আমি ইভেন্টটি javascriptশোনার জন্য ব্যবহার করে শেষ করেছি videoEndএবং আমি যা বলতে পারি তার থেকে শুরুতে লুপ করেছিলাম, loopবৈশিষ্ট্যটি সমস্ত ব্রাউজারগুলি সমর্থন করে না। আইওএস ডিভাইসগুলির জন্য, তারা autoplayকোনওভাবেই আইওএস 5 দ্বারা আকার বা আকারে সমর্থন করে না, তাই আমি কেবল মোবাইলের জন্য একটি ফ্যালব্যাক চিত্র ব্যবহার করেছি। আবার ধন্যবাদ.

— স্টেফমিখাইল

<ভিডিও লুপ = "সত্য"> ব্যবহার করা অবৈধ w3.org/TR/html-markup/video.html - হয় <ভিডিও লুপ = "লুপ"> অথবা কেবল <ভিডিও লুপ> ব্যবহার করুন - এই নিয়মটি প্রায় সমস্ত HTML5 ট্যাগের জন্য ধারণ করে (হয় কেবলমাত্র ট্যাগ নাম, বা ট্যাগের নাম = "ট্যাগ নাম"

@ ভ্যাক্সকুই আপডেটের জন্য ধন্যবাদ, আপনি পরের বার এপিআই পরিবর্তনগুলি সম্পাদনা করতে স্বাগত!

— দীর্ঘনি

কোন সমস্যা নেই, সাথী, সর্বদা সাহায্য করে খুশি। তবুও, আমি এইচটিএমএল-টাইপ বৈশিষ্ট্যগুলি 'অটোপ্লে = "অটোপ্লে" "এইচটিএমএল-টাইপ' লুপের সাথে মিশ্রিত করব না - আমি <ভিডিও ... অটোপ্লে লুপ>, HTML5 বা <ভিডিও হিসাবে পার্সেবলের সাথে যাব .. । অটোপ্লে = "অটোপ্লে" লুপ = "লুপ">, HTML5 বা এক্সএইচটিএমএল 5 হিসাবে পার্সেবল। শৈলীর মিশ্রণ একটি মার্কআপ তৈরি করে যা এখনও এক্সএইচটিএমএল হিসাবে অবৈধ তবে এইচটিএমএলটির জন্য অকারণে ভার্বোজ।

সাধারণত, autoplayআপনি যদি সাফারি ব্যবহার করেন তবে আপনি কেবল তা ব্যবহার করেন muted: webkit.org/blog/7734/auto-play-policy-changes- for

— macos

Answer 2

এপ্রিল 2018 এর হিসাবে, ক্রোম (বেশ কয়েক অন্যান্য প্রধান ব্রাউজার সহ) এখন প্রয়োজনmuted খুব অ্যাট্রিবিউট।

সুতরাং, আপনার ব্যবহার করা উচিত

<video width="320" height="240" autoplay loop muted>
  <source src="movie.mp4" type="video/mp4" />
</video>

Answer 3

আইফোনটির জন্য এটি কাজ করে যদি আপনি প্লেসাইনলাইনও যুক্ত করেন:

<video width="320" height="240" autoplay loop muted playsinline>
  <source src="movie.mp4" type="video/mp4" />
</video>

Comments

জেএসএক্সের জন্য প্রপস:autoPlay loop muted playsInline

— 21

Answer 4

আপনি নিম্নলিখিত দুটি উপায় এটি করতে পারেন:

1) loopভিডিও উপাদানটিতে অ্যাট্রিবিউট ব্যবহার করে (প্রথম উত্তরে উল্লিখিত):

2) এবং আপনি endedমিডিয়া ইভেন্টটি ব্যবহার করতে পারেন :

window.addEventListener('load', function(){
    var newVideo = document.getElementById('videoElementId');
    newVideo.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);

    newVideo.play();

});