ইউটিউব এইচটিএমএল 5 প্লেয়ার - কেউ কি আমাকে এটি ব্যাখ্যা করতে পারেন? [বন্ধ]


0

কীভাবে আমাদের ওয়েবসাইটে ভিডিও রেন্ডার করা হয় কেবলমাত্র এইচটিএমএল 5 ওয়েবসাইটে কোনও <video>ট্যাগ ছাড়াই ? তারা কীভাবে নাটকটি নিয়ন্ত্রণ করে? AJAX এর? ভিডিওটি কীভাবে প্রবাহিত হয়? কোন টিহিক? ভিডিওটি কীভাবে আমাদের ওয়েবসাইটে পাবে?

কোথায় ভিডিও রেন্ডার করা হয়? সার্ভার? ক্লায়েন্ট? এটি ফ্রেম বাই ফ্রেম প্রেরণ করা হয়?


একটি <ভিডিও> ট্যাগ রয়েছে। কোনও ভিডিও কোডেকের মাধ্যমে সমস্ত ভিডিও একইভাবে তাদের রেন্ডার করা হয় (সহজভাবে বলেছিলেন) এইচটিএমএল 5 ভিডিওর সমস্যাটি হ'ল সমস্ত ব্রাউজারগুলি বিভিন্ন 'কোডেক' / ফাইল ফর্ম্যাট / ভিডিও এনক্যাপসুলেশন সমর্থন করে। ধারণাটি মূলত এইচটিএমএলমিডিয়া এলিমেন্টকে প্রসারিত করার জন্য যাতে আপনি এটি জেএসের মাধ্যমে নিয়ন্ত্রণ করতে পারেন। এটি সাধারণত সিডিএন দ্বারা প্রবাহিত হয় সাধারণ ভিডিওর মতো, ব্রাউজারটিতে 'কোডেক' ব্যবহারের স্থানীয় প্রয়োগ রয়েছে। এটি ক্লায়েন্ট পাশ উপস্থাপন করা হয়। এটি বিভিন্ন উপায়ে আরটিপি, ইউনিকাস্ট, মাল্টিকাস্ট, পি 2 পি ইত্যাদি প্রেরণ করা হচ্ছে those এগুলি সেই উদ্দেশ্যে প্রোটোকল তৈরি করা হয়েছিল এবং এইচটিএমএল 5 ভিডিওর আগে উপলব্ধ ছিল were
Setekh

1
সেখানে প্রায় 6 টি প্রশ্ন রয়েছে, তাই একটু গবেষণা করুন এবং এটিকে কিছুটা কম দিন। এখানে শুরু করুন: w3schools.com/HTML/html5_video.asp । আমি প্রায় প্রত্যেকেই তারা একটি ভিডিও ট্যাগ ব্যবহার করছে তবে এটি সম্ভবত স্ক্রিপ্টের মাধ্যমে ইনজেকশন দেওয়া হয়েছে, কাঁচা মার্কআপ নয়।
ফ্র্যাঙ্ক থমাস

উত্তর:


1

ইউটিউব থেকে এম্বেড কোডটিতে একটি <iframe>ট্যাগ রয়েছে যা কোনও ওয়েব পৃষ্ঠার মধ্যে একটি ওয়েব পৃষ্ঠার মতো। Iframe আপনার সাইটে ইউটিউব সাইট থেকে একটি গতিশীল পৃষ্ঠা প্রজেক্ট করে।

এই গতিশীল পৃষ্ঠাটিতে <video>ট্যাগ রয়েছে ।

নীচে ন্যান ক্যাট এর এম্বেড কোডটি রয়েছে:

<iframe width="420" height="315" src="https://www.youtube.com/embed/QH2-TGUlwu4" frameborder="0" allowfullscreen></iframe>

আপনি যদি srcবৈশিষ্ট্যটিতে তালিকাবদ্ধ পৃষ্ঠাটি খুলেন এবং ব্রাউজার বিকাশকারী সরঞ্জামগুলিতে এইচটিএমএল মার্কআপ অনুসন্ধান করেন <video>তবে প্রথম কয়েকটি <div>ট্যাগের মধ্যে একটি রয়েছে ।

<video class="video-stream html5-main-video" style="width: 670px; height: 317px; left: 0px; top: -317px; transform: none;" tabindex="-1"></video>
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.