New

WELLCOME BACK

H

ello guys. How are you all? I hope you are all well. I came again with a post. Let’s go..

তো এই পোস্টে আমি YouTube স্টাইল Video Player এর কোড শেয়ার করো!

যেটি আপনি আপনার ওয়েবসাইট এ ব্যবহার করতে পারেন বিশেষ করে যদি Blogger এ, যদি Video থাকে তাহলে এই কোডরি ব্যবহার করতে পারেন।

একদম YouTube এর মতো ডিজাইন আর মজার কথা হচ্ছে যে আপনাকে এটি করার জন্য Css কোড এবং Js কোড লাগবে না, বরং এটি Thirt party script ব্যবহার করা হয়েছে যার মাধ্যমে ৭-১০ লাইন এর মধ্যেই কোড শেষ।

এটি দারা আপনি ভিডিও কাস্টম play করাতে পারবেন, যার জন্য আলাদা Css & javascript কোড লাগছে না।

ভিডিও প্লেয়ারের বৈশিষ্ট্যঃ

সুন্দর ডিজাইন একদম Youtube স্টাইল

ভিডিও Quality সিলেক্ট সিস্টেম (HD quality তে ভিডিও দেখতে পারবেন)

ভিডিও Subtitle সিস্টেম (English)

ভিডিও speed সিস্টেম

Play, volume, full screen সিস্টেম আরো অনেক কিছু

Live preview

তো এখন প্রিভিউ দেখে নিন।

Link:

কোডঃ

এই হলো কোডঃ

        <script type="module" src="https://cdn.jsdelivr.net/npm/videojs-video-element/+esm"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/player.style/yt/+esm"></script>

<media-theme-yt style="width:100%">
  <videojs-video
    slot="media"
    src="https://stream.mux.com/fXNzVtmtWuyz00xnSrJg4OJH6PyNo6D02UzmgeKGkP5YQ.m3u8"
    playsinline
    crossorigin="anonymous"
  ></videojs-video>
</media-theme-yt>

THE END

S

o friends, that’s it for today. See you in another post. If you like the post then like and comment. Stay tuned to Trickbd.com for any updates.

The post কিভাবে Html & Javascript দিয়ে YouTube স্টাইল Video Player তৈরি করবেন? appeared first on Trickbd.com.

from Trickbd.com https://ift.tt/BswiacQ
via IFTTT