এইচটিএমএল এবং জাভা স্ক্রিপ্ট ব্যবহার করে ফ্লুয়েড এমপি ৪ প্লেয়ার দিয়ে যে কোনো ভিডিও ফাইল প্লে করুন

 

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

চলুন দেখে নিই তাহলে আপনাদের সেই কাঙ্খিত  সোর্স কোডটি। এই প্লেয়ার সোর্স কোডটি হলো ফ্লুয়েড এমপি ৪ প্লেয়ার ।

প্রথম নিচের থেকে সোর্স কোড কপি করে নেন। তারপর নিচের নির্দেশনা অনুযায়ী সোর্স কোড ব্যবহার করুন ।

সোর্স কোড:

Source Codes

<script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script> <video id="video-id"><source src="video.mp4" type="video/mp4" /> <script> var myFP = fluidPlayer( 'video-id',{ "layoutControls": { "controlBar": { "autoHideTimeout": 3, "animated": true, "autoHide": true }, "htmlOnPauseBlock": { "html": null, "height": null, "width": null }, "autoPlay": false, "mute": true, "allowTheatre": true, "playPauseAnimation": false, "playbackRateEnabled": false, "allowDownload": true, "playButtonShowing": false, "fillToContainer": false, "posterImage": "" }, "vastOptions": { "adList": [], "adCTAText": false, "adCTATextPosition": "" } }); </script>

নির্দেশনা সমূহ:

1. সোর্স কোডটির এইচটিএমএল অংশে কিছু সম্পাদনা করুন ।

যেমন : <video id="video-id"><source src="https://www.yourwebsite.com/file/34849/FluidPlayerExample.mp4" type="video/mp4" />

নোট ;

এখানে শুধুমাত্র আপনার ভিডিও ফাইলের লিঙ্ক যুক্ত করবেন । অন্য কিছু যুক্ত বা এডিট করবেন না । তাহলে Fluid Player সঠিকভাবে কাজ সম্পূর্ণ করবে না । না কাজ করলে , এই কোড সোর্স টিউটোরিয়াল কে দোষারোপ করবেন না কারণ আমি এটি সফল ভাবে পরীক্ষা করে  আপনাদের সাথে শেয়ার করছি । আশাকরি উপকারে আসবে । যদি উপকারে আসুক বা না আসুক তবুও কমেন্ট বক্স এ জানাবেন ।

2. এখন আপনার ওয়েবসাইটের যে অবস্থানে এটি দেখাতে চান, সেই অবস্থানে এই এইচটিএমএল কোডটি ব্যবহার করুন ।

3. অবশ্যই জাভা স্ক্রিপ্ট কোডটি বডি ট্যাগের মাঝে রাখবেন । অন্যথায় এটি কার্যকর নাও হতে পারে ।

4. এরপর সংরক্ষণ করে পরীক্ষা করে দেখুন ।
 

ফলাফল বা রেজাল্ট :

আপনি যদি কাজটি সঠিক ভাবে সম্পূর্ণ করতে পারেন । তাহলে এই সোর্স কোড ব্যবহার করে আপনি সহজেই যেকোনো ভিডিও ফাইল Fluid Player এর মাধ্যমে প্লে করতে পারেন ।

My Talk:

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

My Talk:

Thank you for reading this blog.
Hi, Assalamualaikum! I am Sheikh Jubayer. I want to say something. Actually I have written this article or content or blog with a lot of difficulty, thinking and taking a lot of time. However, there may be some spelling or sentence mistakes. I hope you will see the apology in a good light. Hope you benefited. However, if there is any problem, leave a comment. I will try to answer your question properly. Thank you!